jQuery中有鼠标滚轮事件么?
jquery插件默认是不支持鼠标中轮滚轮事件的。含老租jQuery Mousewheel Plugin,用于添加跨浏览器的鼠标滚轮支持。mousewheel事件的处理函数有一点小小的变化,它除了第一个参数event 外,还接收到第二个参数delta。通过参数delta可以获取鼠标滚轮的方向和速度。如果delta的值是负的即-1,那么滚轮就是向下滚动,正的1就是向上。
1.下载jquery-mousewheel插件。
2,复制代码: $('含李body').mousewheel(function(event, delta) { var dir = delta > 0 ? 'Up' : 'Down'; if (dir == 'Up') {
console.log('向上滚动');
} else {
console.log('向谈兆下滚动');
} return false;
});
这个事件在标准下和IE下是有区别的。
firefox是按标准实现的,事件名为"DOMMouseScroll ",IE下采用的则是"mousewheel "。
当然一行代码就解决了兼容问题
var mousewheel = document.all?"mousewheel":"DOMMouseScroll";事件属性毕升,历迹IE是肢数并event.wheelDelta,Firefox是event.detail 属性的方向值也不一样,IE向上滚 > 0,Firefox向下滚 > 0。