二、事件对象

二、事件对象

在鼠标的点击事件中,我们关心的是鼠标的位置

在鼠标滚轮事件中,我们关心的是鼠标滚轮的方向

2.1 在chrome和IE中

UMRAc4.png

  • 在chrome中:

    • 向下滚动: -120的倍数

    • 向上滚动: 120的倍数

UMRM4K.png

  • 在IE中:

    • 向下滚动: -120的倍数

    • 向上滚动: 120的倍数

UMR8jH.png

  • 总结:

    • 在非火狐中(IE、chrome)指示鼠标滚轮方向的属性是:e.wheelDelta

    • 向下滚动:是-120的倍数

    • 向上滚动:是120的倍数

2.2 在火狐浏览器中

UMR0C8.png

  • 在火狐中:火狐不支持onmousewheel,而是支持DOMMouseScroll

    • 向下滚动:3的倍数

    • 向上滚动:-3的倍数

UMRDgg.png

  • 总结:

    • 在火狐中指示鼠标滚轮方向的属性是:e.detail

    • 向下滚动:是3的倍数

    • 向上滚动:是 - 3的倍数

点击查看

本文标题:二、事件对象

文章作者:Mango

发布时间:2020年07月13日 - 23:13:27

最后更新:2020年07月14日 - 13:27:10

原始链接:https://mango185.github.io/post/e41ef9d2.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

-------------------本文结束 感谢您的阅读-------------------