上面大部分的方法都只是監(jiān)聽事件,設(shè)置反應(yīng)動(dòng)作,并不是觸發(fā)事件;當(dāng)然我們也能主動(dòng)觸發(fā)事件
冒泡:子元素觸發(fā)事件(不論有無綁定事件監(jiān)聽器)(進(jìn)入子元素是一個(gè)事件,離開子元素進(jìn)入父元素是另一個(gè)事件)
處理方式:父元素的mouseover監(jiān)聽器會(huì)捕捉響應(yīng);父元素的mouseenter監(jiān)聽器并不會(huì)
冒泡:子元素觸發(fā)事件(不論有無綁定事件監(jiān)聽器)(進(jìn)入子元素是一個(gè)事件,離開子元素進(jìn)入父元素是另一個(gè)事件)
處理方式:父元素的mouseover監(jiān)聽器會(huì)捕捉響應(yīng);父元素的mouseenter監(jiān)聽器并不會(huì)
2019-03-24
經(jīng)過我的細(xì)致測(cè)試,發(fā)現(xiàn)當(dāng)你出現(xiàn)中文輸入法時(shí),此時(shí),你輸入數(shù)字按鍵是無法顯示的,只有再按空格才會(huì)顯示,這就是中文無法顯示的意思
2019-03-23
$("a").trigger("click");//a標(biāo)簽并沒有設(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)擊事件(自定義事件,我們沒有點(diǎn)擊a,只點(diǎn)擊了按鈕),a點(diǎn)擊后冒泡到擁有click事件的祖先元素, 于是#accident的click事件執(zhí)行,alert出"trigger觸發(fā)的事件會(huì)在 DOM 樹中向上冒泡"這句話,彈框關(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
鍵盤down并up了,才會(huì)把文字輸進(jìn)文本框,所以keydown事件不能捕獲當(dāng)前down的鍵位對(duì)應(yīng)文字
2019-03-20
keydown事件觸發(fā)在文字還沒敲進(jìn)文本框,但是keydown事件已經(jīng)開始,這時(shí)如果在keydown事件中輸出文本框中的文本,得到的是觸發(fā)鍵盤事件前的文本,而keyup事件觸發(fā)時(shí)整個(gè)鍵盤事件的操作已經(jīng)完成,獲得的是觸發(fā)鍵盤事件后的文本
2019-03-20
要跳轉(zhuǎn)到某個(gè)網(wǎng)頁,在action屬性里面添加網(wǎng)址就好了。。
<form id="target2" action="https://www.baidu.com">
比如這樣子,它就可以跳轉(zhuǎn)到報(bào)讀首頁了。
<form id="target2" action="https://www.baidu.com">
比如這樣子,它就可以跳轉(zhuǎn)到報(bào)讀首頁了。
2019-03-20
DIV直接使用“focus”和“blur”兩個(gè)方法是無效的,需添加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屬性,按鍵盤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屬性,按鍵盤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)用啊。。。你要是覺得這么寫很難看明白很難理解的話? ?可以這樣寫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不支持冒泡(無反應(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沒反應(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沒反應(yīng),focusin和focusout父元素出現(xiàn)了邊框。
2019-03-14