码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标滚轮事件

时间:2017-04-18 20:02:00      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:鼠标滚轮事件

    鼠标滚轮事件和页面滚动事件是有区别的,当你见到一个页面可以用鼠标滚动切换页面内容,但是却没有见到页面内有滚动条,不用奇怪,这个就是用鼠标滚轮事件实现的。

    原生的js是支持鼠标滚轮事件的,而我们平时用的jquery版本却不支持,但是强大的jquery竟然不支持这类常用事件,岂不让人大跌眼镜,自然不会,这个事件已经被封装成了jquery的插件,只需在调用时引入这个插件js文件即可正常使用。

插件下载地址http://www.jq22.com/jquery-info357

以下简要说一下使用方法

$(‘#myWheel‘).mousewheel(function(event, delta) {
    if (delta > 0) {
         console.log(‘鼠标滚轮向上滚动‘);
    }
    if (delta < 0) {
              console.log(‘鼠标滚轮向下滚动‘);
    }
});

本文出自 “咚呱呱” 博客,请务必保留此出处http://blog.dongguagua.com/Index/detail/Id/7.html

鼠标滚轮事件

标签:鼠标滚轮事件

原文地址:http://dongguagua.blog.51cto.com/9131732/1917117

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!