老师请答疑一下
来源:6-4 事件绑定与取消-one
好狗边上飘314
2019-12-30 23:32:21
//事件绑定与取消on:
$(document).ready(function(){
var index=0;
$("a").add(document).on({
mouseenter:function(event){
event.stopPropagation();
index=$(this).index();
swiper();
},
keydown:function(event){
event.stopPropagation();
if(event.keyCode == 37){
index= index > 0 ? --index:index=$("a").length-1;
} else if(event.keyCode == 39) {
index= index < $("a").length-1 ? ++index:0;
}else{
return true
}
swiper();
}
})
var swiper=function(){
$("img").eq(index).css({"opacity":"1"}).siblings().css({"opacity":"0"})
}
})
var events={
mouseenter:mouseEvent,
keydown:keyEvent
};
$('a').add(document).on(events);
//要绑定的事件:
function flash(){
$('.button').show().fadeOut('slow');
}
//事件绑定:
$('.bind').click(function(){
$(document).on('click','obj',flash)
.find('.obj').text('点击按钮有效果');
});
//取消事件绑定;
$('.unbind').click(function(){
$(document).off('click','obj',flash)
.find('.obj').text('这个按钮点击没有效果');
});老师我完整复制了老师的代码,打开浏览器提示mouseEvent是没有定义的;
对于这边的代码我也不理解var events={
mouseenter:mouseEvent,
keydown:keyEvent
};
$('a').add(document).on(events);
看问答区其它同学说这是老师封装的,可以详细讲解一下吗?
1回答
好帮手慕言
2019-12-31
同学你好,这段代码的作用是给document和a标签绑定了 mouseenter和keydown事件。
下方有个简单的例子,可以参考下:

控制台(移入span标签,会触发事件):

如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题