上面大部分的方法都只是監(jiān)聽事件，設(shè)置反應動作，并不是觸發(fā)事件；當然我們也能主動觸發(fā)事件
冒泡：子元素觸發(fā)事件（不論有無綁定事件監(jiān)聽器）（進入子元素是一個事件，離開子元素進入父元素是另一個事件）
處理方式：父元素的mouseover監(jiān)聽器會捕捉響應；父元素的mouseenter監(jiān)聽器并不會
冒泡：子元素觸發(fā)事件（不論有無綁定事件監(jiān)聽器）（進入子元素是一個事件，離開子元素進入父元素是另一個事件）
處理方式：父元素的mouseover監(jiān)聽器會捕捉響應；父元素的mouseenter監(jiān)聽器并不會
2019-03-24
經(jīng)過我的細致測試，發(fā)現(xiàn)當你出現(xiàn)中文輸入法時，此時，你輸入數(shù)字按鍵是無法顯示的，只有再按空格才會顯示，這就是中文無法顯示的意思
2019-03-23
$("a").trigger("click");//a標簽并沒有設(shè)置后點擊事件，所以冒泡往父級查找，到了accident發(fā)現(xiàn)了點擊事件，觸發(fā)div的點擊事件，這就是冒泡。
$("input").trigger("focus");//a標簽冒泡引發(fā)的div點擊事件觸發(fā)完成后，input觸發(fā)聚焦，所以會看到最后鼠標光標是在輸入框里的。
$("input").trigger("focus");//a標簽冒泡引發(fā)的div點擊事件觸發(fā)完成后，input觸發(fā)聚焦，所以會看到最后鼠標光標是在輸入框里的。
2019-03-21
trigger()會冒泡, 當左邊按鈕點擊后觸發(fā)$("a").trigger("click")---a點擊事件(自定義事件,我們沒有點擊a,只點擊了按鈕),a點擊后冒泡到擁有click事件的祖先元素, 于是#accident的click事件執(zhí)行,alert出"trigger觸發(fā)的事件會在 DOM 樹中向上冒泡"這句話,彈框關(guān)閉后$("input").trigger("focus")會讓input的光標聚集--即focus事件.
3,triggerHandler()不會冒泡,且不會觸發(fā)瀏覽器的默認行為,所以右邊按鈕點擊后1, 不會alert出彈框;2, input不會focus;
3,triggerHandler()不會冒泡,且不會觸發(fā)瀏覽器的默認行為,所以右邊按鈕點擊后1, 不會alert出彈框;2, input不會focus;
2019-03-21
鍵盤down并up了，才會把文字輸進文本框，所以keydown事件不能捕獲當前down的鍵位對應文字
2019-03-20
keydown事件觸發(fā)在文字還沒敲進文本框，但是keydown事件已經(jīng)開始，這時如果在keydown事件中輸出文本框中的文本，得到的是觸發(fā)鍵盤事件前的文本，而keyup事件觸發(fā)時整個鍵盤事件的操作已經(jīng)完成，獲得的是觸發(fā)鍵盤事件后的文本
2019-03-20
要跳轉(zhuǎn)到某個網(wǎng)頁，在action屬性里面添加網(wǎng)址就好了。。
<form id="target2" action="https://www.baidu.com">
比如這樣子，它就可以跳轉(zhuǎn)到報讀首頁了。
<form id="target2" action="https://www.baidu.com">
比如這樣子，它就可以跳轉(zhuǎn)到報讀首頁了。
2019-03-20
DIV直接使用“focus”和“blur”兩個方法是無效的，需添加tabindex="0"或者contenteditable="true"屬性。
設(shè)置div為可編輯狀態(tài)，則可點擊獲取焦點，同時div的內(nèi)容也是可以編輯的；如：
<div contenteditable="true">11111111111111</div>
設(shè)置div的tabindex，此時div的內(nèi)容是不可編輯的；如：
<div tabindex="0">11111111111111</div>
PS:設(shè)置tabindex屬性，按鍵盤Tab鍵可讓其獲取焦點，其中tabindex的值越小在tab鍵切換的時候就會首先聚焦。
設(shè)置div為可編輯狀態(tài)，則可點擊獲取焦點，同時div的內(nèi)容也是可以編輯的；如：
<div contenteditable="true">11111111111111</div>
設(shè)置div的tabindex，此時div的內(nèi)容是不可編輯的；如：
<div tabindex="0">11111111111111</div>
PS:設(shè)置tabindex屬性，按鍵盤Tab鍵可讓其獲取焦點，其中tabindex的值越小在tab鍵切換的時候就會首先聚焦。
2019-03-20
當一個元素綁定focusin（）后，自身或者其內(nèi)部任何一個元素獲得焦點的時候，就會觸發(fā)focusin（）事件；
focus（）只能在自身獲得焦點的時候，才會觸發(fā)focus（）事件。
focus（）只能在自身獲得焦點的時候，才會觸發(fā)focus（）事件。
2019-03-20
后面的改為這樣子就清晰多了。。
$("input:last").focusin('慕課網(wǎng)', function (e) {
$(this).val(e.data)
})
$("input:last").focusin('慕課網(wǎng)', function (e) {
$(this).val(e.data)
})
2019-03-19
鼠標進入mouseover() 元素的子元素時，即使子元素綁定觸發(fā)mouseover事件，也會使得父元素觸發(fā)mouseover事件。
2019-03-19
<h2>mous<span></span></h2>
var x=0;
$('h2').mouseover(function(e) {
$('span').text(x+=1);
alert('觸發(fā)h2元素綁定的mouseover');
})
$("button:eq(0)").click(function(e) {
$('h2').mouseover() //指定觸發(fā)綁定的事件
})
</script>
var x=0;
$('h2').mouseover(function(e) {
$('span').text(x+=1);
alert('觸發(fā)h2元素綁定的mouseover');
})
$("button:eq(0)").click(function(e) {
$('h2').mouseover() //指定觸發(fā)綁定的事件
})
</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')
})
結(jié)果為，focus和blur沒反應，focusin和focusout父元素出現(xiàn)了邊框。
建議更改focusin和focusout中的一行代碼，這樣方便比較。
$(".aaron").focus(function() {
$(this).css('border', '2px solid red')
})
$(".aaron1").focusin(function() {
//這行代碼建議改成這樣，方便比較
$(this).css('border', '2px solid red')
})
結(jié)果為，focus和blur沒反應，focusin和focusout父元素出現(xiàn)了邊框。
2019-03-14