老师请答疑一下
来源: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标签,会触发事件):
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题