jquery.mousewheel.js 是一个用于添加跨浏览器的鼠标滚轮支持的 jQuery 插件。
一、使用该插件,需要把 mousewheel 事件绑定到一个元素上即可。当然也可以使用类似 jQuery 中其他的事件方法写法。
例如:
// 方式1:using on
$(
'#某个元素'
).on(
'mousewheel'
,
function
(event) {
console.log(event.deltaX, event.deltaY, event.deltaFactor);
});
// 方式2:using the event helper
$('#某个元素').mousewheel(
function
(event) {
console.log(event.deltaX, event.deltaY, event.deltaFactor);
});
二、事件对象中可以获取如下三个属性值:
三、如果想要对整个窗口进行滚轮事件监听,可以将监听添加在 window 上。
$(window).mousewheel(
function
(event) {
// do something
});