老师请答疑一下

来源: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事件。

下方有个简单的例子,可以参考下:

http://img.mukewang.com/climg/5e0abf7f09e3341c05900417.jpg

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

http://img.mukewang.com/climg/5e0abf9809d2b2b903540162.jpg

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

0

0 学习 · 14456 问题

查看课程