解析javascript中鼠标滚轮事件

来源: 电脑维修教程   阅读:     发表时间:

这篇文章主要给各人详细介绍了javascript中鼠标滚轮事件,图文并茂,十分的详细,有需要的小伙伴可以参考下。 所有的现代浏览器都支持鼠标滚轮,而且

这篇文章主要给各人详细介绍了javascript中鼠标滚轮事件,图文并茂,十分的详细,有需要的小伙伴可以参考下。

所有的现代浏览器都支持鼠标滚轮,而且在用户滚动滚轮时触发时间。浏览器凡是使用鼠标滚轮滚动或缩放文档,但可以通过打消mousewheel事件来阻止这些默认操纵。有一些互用性问题影响滚轮事件,但是编写跨平台的代码依旧可以行。除了firefox之外的所有浏览器都支持“mousewheel”事件,但firefox使用“dommousescroll”,而3级dom事件规范草案建议使用事件名“wheel”替代“mousewheel”。

document.body.onmousewheel = function(event){

event = event || window.event;

console.dir(event);

}

firefox不支持mousewheel

document.body.addeventlistener("dommousescroll",function(event){

console.dir(event);

})

以下滚轮向下滚动是chrome和ie9下面控制台输出

以下是滚轮向下滚动firefox下面控制台输出

从上面输出得出,可以使用非尺度的dommousescroll事件代替mousewheel,使用事件工具的detail属性代替wheeldetal。但是,detail属性值的缩放比率和正负符号差异于wheeldetal,detail值乘以-40和wheeldetal值相等。

在除了firefox之外的浏览器下,滚动的上下滚动与否是下面这个wheeldelta有关。

按照测试,在我的win7系统下,无论ie7, ie10, opera12,或者是safari5.1,每次往下滚动event.wheeldelta值都是-120.

以上是:解决解析javascript中鼠标滚轮事件问题的详细资料教程

?
热门链接: 机顶盒 | 主板维修 | 声卡怎么安装 | 路由器怎么设置 | 电脑内存维修技术 | 维修大全?| 主板维修资料 | 电脑声卡音响故障维修 | 内存 | 显示器 | 电源维修教程 | cpu | 硬盘 | 显卡 |win8操作系统教程|linux操作系统教程|ubuntu操作系统教程|mac苹果操作系统教程|execl教程
友情链接: ?苹果手机维修?| 更多...