與 mouseover 事件不同,只有在鼠標(biāo)指針穿過"被選元素"時(shí),才會觸發(fā) mouseenter 事件。如果鼠標(biāo)指針穿過任何子元素,同樣會觸發(fā) mouseover 事件。
2017-07-17
當(dāng)點(diǎn)擊最后一個(gè)按鈕時(shí),triggerHandler借用了“input”的“focus”事件,并把參數(shù)“沒有觸發(fā)默認(rèn)聚焦事件”傳給title,此時(shí)可以看見文本出現(xiàn)顯示,但沒有光標(biāo)聚集,證明了triggerHandler會觸發(fā)事件(顯示文本),但不會觸發(fā)默認(rèn)事件(光標(biāo)聚集);而triggerHandler同時(shí)也借用了“a”的“click”事件,但是triggerHandler借用的click事件并不會如同原先的click事件那樣冒泡,所以無法觸發(fā)父級元素的click事件(為了能證明triggerHandler有觸發(fā)到“a”的“click”事件,可以自己手動為“a”加入“click”事件試試看)。
2017-07-13
總結(jié)就是event是觸發(fā)this之后的內(nèi)部事件,而因?yàn)槭录芭莸脑?,無法確定觸發(fā)當(dāng)前event的操作,所以用event.target就能阻止冒泡
2017-07-10
function a() {
$("input:last").focusin('慕課網(wǎng)', function(e){
$(this).val(e.data)
})
}
a();
$("input:last").focusin('慕課網(wǎng)', function(e){
$(this).val(e.data)
})
}
a();
2017-07-10
原來你們是來學(xué)知識的啊。。這種毫無邏輯純靠背的東西,輸入即是顯示的代碼,對用過js的人來,嚴(yán)格點(diǎn)來說,這只不過是來熟悉工具的吧?這種那么簡單的東西還能寫出花來???不過太多看著煩是真的
2017-07-10
我覺得慕粉3538203同學(xué)的代碼寫得好!比“任務(wù)”代碼更簡潔、清晰、緊湊、實(shí)用:
$('.right p').mouseover('data = 慕課網(wǎng)',function(e){
$('.right a').html('mouseover事件觸發(fā)次數(shù):'+(++n) + '</br>' + '傳入數(shù)據(jù)為:' + e.data);
})
我也發(fā)現(xiàn)代碼中初值 var n=0;這個(gè)問題了。如果不想共享這個(gè)n初值,可以將其分別設(shè)為n1、n2...等即可。
$('.right p').mouseover('data = 慕課網(wǎng)',function(e){
$('.right a').html('mouseover事件觸發(fā)次數(shù):'+(++n) + '</br>' + '傳入數(shù)據(jù)為:' + e.data);
})
我也發(fā)現(xiàn)代碼中初值 var n=0;這個(gè)問題了。如果不想共享這個(gè)n初值,可以將其分別設(shè)為n1、n2...等即可。
2017-07-10
說看不懂三個(gè)測試的,沒有自由變量和作用域相關(guān)的知識不建議繼續(xù)看了,先回去補(bǔ)補(bǔ)js吧
2017-07-08
這樣是否可以更容易理解些?
var n = 0;
$("button:first").click(function(event,bottonName) {
bottonName = bottonName || 'first';
$("span:first").text(bottonName);
$("span:last").text(++n);
});
$("button:last").click(function() {
$("button:first").trigger('click','last');
});
var n = 0;
$("button:first").click(function(event,bottonName) {
bottonName = bottonName || 'first';
$("span:first").text(bottonName);
$("span:last").text(++n);
});
$("button:last").click(function() {
$("button:first").trigger('click','last');
});
2017-07-07
一開始就說明了foucesin,focusout事件跟foucs,blur事件的區(qū)別是支不支持冒泡了啊
2017-07-05
$('.left').on('click',function(event,bottonName){
if(event.target.id!= 'bt1'){
bottonName = 'last';
$(this).trigger('on',bottonName);
};
bottonName = bottonName || 'first';
update($("span:first"),$("span:last"),bottonName);
})
if(event.target.id!= 'bt1'){
bottonName = 'last';
$(this).trigger('on',bottonName);
};
bottonName = bottonName || 'first';
update($("span:first"),$("span:last"),bottonName);
})
2017-07-05
<script>
$(function(){
$(".aaron>input").focus(function(){
$(this).css("border-color","red");
});
});
</script>
試試這樣寫
$(function(){
$(".aaron>input").focus(function(){
$(this).css("border-color","red");
});
});
</script>
試試這樣寫
2017-07-04
mouseenter并不是對mouseout進(jìn)行阻止冒泡,即使通過stopPropagation阻止mouseover的冒泡 也是有不同的。mouseenter指移入元素內(nèi)部 即從外入內(nèi)的過程 從p標(biāo)簽移到div標(biāo)簽不會觸發(fā)mouseenter 只有從div標(biāo)簽外移入才會觸發(fā) 而mouseover通過stopPropagation禁止冒泡后還是會觸發(fā)。只要移入div內(nèi)就會觸發(fā)
2017-07-02