鼠标滚轮事件插件

jquery.mousewheel.js


github:https://github.com/jquery/jquery-mousewheel


使用方法

// using on
$('#my_elem').on('mousewheel', function(event) {
    console.log(event.deltaX, event.deltaY, event.deltaFactor);
});

// using the event helper
$('#my_elem').mousewheel(function(event) {
    console.log(event.deltaX, event.deltaY, event.deltaFactor);
});

网上看不用插件来实现鼠标滚轮事件,经过测试兼容性也非常好用

$(document).on('mousewheel DOMMouseScroll', function(e){ //'mousewheel for ie-webkit, DOMMouseScroll for firefox'
	e.preventDefault();
	if(e.originalEvent.wheelDelta > 0 || e.originalEvent.detail < 0){
	  alert(1)
	}else{
	   alert(0)
	}
	console.log(e)
});

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>