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