# 鼠标滚轮监听 ## 8.1.鼠标滚轮监听 此插件来源于[jquery-mousewheel](https://github.com/jquery/jquery-mousewheel)，使用方式： ~~~ layui.use(['mousewheel'], function () { var $ = layui.jquery; // 滚动监听 $('#xxx').on('mousewheel', function (event) { console.log(event.deltaX, event.deltaY, event.deltaFactor); event.stopPropagation(); // 阻止事件冒泡 event.preventDefault(); // 阻止默认事件 }); }); ~~~ event对象中可以获取如下三个属性值： * deltaX：值为负的(-1)表示滚轮向左滚动，值为正的(1)表示滚轮向右滚动。 * deltaY：值为负的(-1)表示滚轮向下滚动。值为正的(1)表示滚轮向上滚动。 * deltaFactor：增量因子，通过`deltaFactor*deltaX`或者`deltaFactor*deltaY`可以得到浏览器实际的滚动距离。