与 mouseover 事件不同,只有在鼠标指针穿过"被选元素"时,才会触发 mouseenter 事件。如果鼠标指针穿过任何子元素,同样会触发 mouseover 事件。
2017-07-17
当点击最后一个按钮时,triggerHandler借用了“input”的“focus”事件,并把参数“没有触发默认聚焦事件”传给title,此时可以看见文本出现显示,但没有光标聚集,证明了triggerHandler会触发事件(显示文本),但不会触发默认事件(光标聚集);而triggerHandler同时也借用了“a”的“click”事件,但是triggerHandler借用的click事件并不会如同原先的click事件那样冒泡,所以无法触发父级元素的click事件(为了能证明triggerHandler有触发到“a”的“click”事件,可以自己手动为“a”加入“click”事件试试看)。
2017-07-13
总结就是event是触发this之后的内部事件,而因为事件冒泡的原因,无法确定触发当前event的操作,所以用event.target就能阻止冒泡
2017-07-10
function a() {
$("input:last").focusin('慕课网', function(e){
$(this).val(e.data)
})
}
a();
$("input:last").focusin('慕课网', function(e){
$(this).val(e.data)
})
}
a();
2017-07-10
原来你们是来学知识的啊。。这种毫无逻辑纯靠背的东西,输入即是显示的代码,对用过js的人来,严格点来说,这只不过是来熟悉工具的吧?这种那么简单的东西还能写出花来啊?不过太多看着烦是真的
2017-07-10
我覺得慕粉3538203同學的代碼寫得好!比“任務”代碼更簡潔、清晰、緊湊、實用:
$('.right p').mouseover('data = 慕课网',function(e){
$('.right a').html('mouseover事件触发次数:'+(++n) + '</br>' + '传入数据为:' + e.data);
})
我也發現代碼中初值 var n=0;這個問題了。如果不想共享這個n初值,可以將其分別設為n1、n2...等即可。
$('.right p').mouseover('data = 慕课网',function(e){
$('.right a').html('mouseover事件触发次数:'+(++n) + '</br>' + '传入数据为:' + e.data);
})
我也發現代碼中初值 var n=0;這個問題了。如果不想共享這個n初值,可以將其分別設為n1、n2...等即可。
2017-07-10
这样是否可以更容易理解些?
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事件的区别是支不支持冒泡了啊
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进行阻止冒泡,即使通过stopPropagation阻止mouseover的冒泡 也是有不同的。mouseenter指移入元素内部 即从外入内的过程 从p标签移到div标签不会触发mouseenter 只有从div标签外移入才会触发 而mouseover通过stopPropagation禁止冒泡后还是会触发。只要移入div内就会触发
2017-07-02