上面大部分的方法都只是监听事件，设置反应动作，并不是触发事件；当然我们也能主动触发事件
冒泡：子元素触发事件（不论有无绑定事件监听器）（进入子元素是一个事件，离开子元素进入父元素是另一个事件）
处理方式：父元素的mouseover监听器会捕捉响应；父元素的mouseenter监听器并不会
冒泡：子元素触发事件（不论有无绑定事件监听器）（进入子元素是一个事件，离开子元素进入父元素是另一个事件）
处理方式：父元素的mouseover监听器会捕捉响应；父元素的mouseenter监听器并不会
2019-03-24
经过我的细致测试，发现当你出现中文输入法时，此时，你输入数字按键是无法显示的，只有再按空格才会显示，这就是中文无法显示的意思
2019-03-23
$("a").trigger("click");//a标签并没有设置后点击事件，所以冒泡往父级查找，到了accident发现了点击事件，触发div的点击事件，这就是冒泡。
$("input").trigger("focus");//a标签冒泡引发的div点击事件触发完成后，input触发聚焦，所以会看到最后鼠标光标是在输入框里的。
$("input").trigger("focus");//a标签冒泡引发的div点击事件触发完成后，input触发聚焦，所以会看到最后鼠标光标是在输入框里的。
2019-03-21
trigger()会冒泡, 当左边按钮点击后触发$("a").trigger("click")---a点击事件(自定义事件,我们没有点击a,只点击了按钮),a点击后冒泡到拥有click事件的祖先元素, 于是#accident的click事件执行,alert出"trigger触发的事件会在 DOM 树中向上冒泡"这句话,弹框关闭后$("input").trigger("focus")会让input的光标聚集--即focus事件.
3,triggerHandler()不会冒泡,且不会触发浏览器的默认行为,所以右边按钮点击后1, 不会alert出弹框;2, input不会focus;
3,triggerHandler()不会冒泡,且不会触发浏览器的默认行为,所以右边按钮点击后1, 不会alert出弹框;2, input不会focus;
2019-03-21
键盘down并up了，才会把文字输进文本框，所以keydown事件不能捕获当前down的键位对应文字
2019-03-20
keydown事件触发在文字还没敲进文本框，但是keydown事件已经开始，这时如果在keydown事件中输出文本框中的文本，得到的是触发键盘事件前的文本，而keyup事件触发时整个键盘事件的操作已经完成，获得的是触发键盘事件后的文本
2019-03-20
要跳转到某个网页，在action属性里面添加网址就好了。。
<form id="target2" action="https://www.baidu.com">
比如这样子，它就可以跳转到报读首页了。
<form id="target2" action="https://www.baidu.com">
比如这样子，它就可以跳转到报读首页了。
2019-03-20
DIV直接使用“focus”和“blur”两个方法是无效的，需添加tabindex="0"或者contenteditable="true"属性。
设置div为可编辑状态，则可点击获取焦点，同时div的内容也是可以编辑的；如：
<div contenteditable="true">11111111111111</div>
设置div的tabindex，此时div的内容是不可编辑的；如：
<div tabindex="0">11111111111111</div>
PS:设置tabindex属性，按键盘Tab键可让其获取焦点，其中tabindex的值越小在tab键切换的时候就会首先聚焦。
设置div为可编辑状态，则可点击获取焦点，同时div的内容也是可以编辑的；如：
<div contenteditable="true">11111111111111</div>
设置div的tabindex，此时div的内容是不可编辑的；如：
<div tabindex="0">11111111111111</div>
PS:设置tabindex属性，按键盘Tab键可让其获取焦点，其中tabindex的值越小在tab键切换的时候就会首先聚焦。
2019-03-20
当一个元素绑定focusin（）后，自身或者其内部任何一个元素获得焦点的时候，就会触发focusin（）事件；
focus（）只能在自身获得焦点的时候，才会触发focus（）事件。
focus（）只能在自身获得焦点的时候，才会触发focus（）事件。
2019-03-20
后面的改为这样子就清晰多了。。
$("input:last").focusin('慕课网', function (e) {
$(this).val(e.data)
})
$("input:last").focusin('慕课网', function (e) {
$(this).val(e.data)
})
2019-03-19
鼠标进入mouseover() 元素的子元素时，即使子元素绑定触发mouseover事件，也会使得父元素触发mouseover事件。
2019-03-19
<h2>mous<span></span></h2>
var x=0;
$('h2').mouseover(function(e) {
$('span').text(x+=1);
alert('触发h2元素绑定的mouseover');
})
$("button:eq(0)").click(function(e) {
$('h2').mouseover() //指定触发绑定的事件
})
</script>
var x=0;
$('h2').mouseover(function(e) {
$('span').text(x+=1);
alert('触发h2元素绑定的mouseover');
})
$("button:eq(0)").click(function(e) {
$('h2').mouseover() //指定触发绑定的事件
})
</script>
2019-03-19
focus和blur不支持冒泡（无反应），focusin和focusout支持冒泡。
建议更改focusin和focusout中的一行代码，这样方便比较。
$(".aaron").focus(function() {
$(this).css('border', '2px solid red')
})
$(".aaron1").focusin(function() {
//这行代码建议改成这样，方便比较
$(this).css('border', '2px solid red')
})
结果为，focus和blur没反应，focusin和focusout父元素出现了边框。
建议更改focusin和focusout中的一行代码，这样方便比较。
$(".aaron").focus(function() {
$(this).css('border', '2px solid red')
})
$(".aaron1").focusin(function() {
//这行代码建议改成这样，方便比较
$(this).css('border', '2px solid red')
})
结果为，focus和blur没反应，focusin和focusout父元素出现了边框。
2019-03-14