文件名称:jQuery 鼠标滚轮插件 mousewheel
文件大小:92KB
文件格式:ZIP
更新时间:2021-05-17 04:02:41
鼠标滚轮
1.使用方法很简单,仅仅把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); }); 2.它提供了两个很有帮助事件mousewheel和unmousewheel来封装了滚轮的事件:使用方法如下: //绑定mousewheel事件 $('#my_elem').on('mousewheel', function(event) { console.log(event.deltaX, event.deltaY, event.deltaFactor); }); //解除mousewheel事件 $('#my_elem').unmousewheel(fn) 3.阻止事件冒泡,如果只想在某个元素上捕捉事件,而不想冒泡到document上,这样浏览器的滚动条就不会发生滚动了。事件代码如下: //阻止冒泡 $('#my_elem').on('mousewheel', function(event) { console.log(event.deltaX, event.deltaY, event.deltaFactor); return false; }); 4.获取滚动的方向,示例代码如下: if (delta > 0) o += ' up (' + delta + ')'; else if (delta < 0) o += ' down (' + delta + ')'; if (event.deltaY > 0) o += ' north (' + event.deltaY + ')'; else if (event.deltaY < 0) o += ' south (' + event.deltaY + ')'; if (event.deltaX > 0) o += ' east (' + event.deltaX + ')'; else if (event.deltaX < 0) o += ' west (' + event.deltaX + ')'; 5.可以通过event.deltaFactor获取滚动的距离,代码如下: $('#my_elem').on('mousewheel', function(event) { console.log(event.deltaFactor); return false; });
【文件预览】:
jquery-mousewheel-master
----.jshintrc(388B)
----LICENSE.txt(2KB)
----bower.json(244B)
----Gruntfile.js(1KB)
----jquery.mousewheel.js(8KB)
----test()
--------index.html(8KB)
--------scroll.html(2KB)
--------browserify()
----README.md(3KB)
----ChangeLog.md(3KB)
----jquery.mousewheel.min.js(3KB)
----.gitignore(69B)
----package.json(1KB)