上面大部分的方法都只是監聽事件，設置反應動作，并不是觸發事件；當然我們也能主動觸發事件
冒泡：子元素觸發事件（不論有無綁定事件監聽器）（進入子元素是一個事件，離開子元素進入父元素是另一個事件）
處理方式：父元素的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
已采納回答 / Carl丶G
函數調用啊。。。你要是覺得這么寫很難看明白很難理解的話? ?可以這樣寫function?a()?{????$("input:last").focusout('慕課網',?function(e){????????$(this).val(e.data)????})}????????????????????a();<...code...>
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