HTML5中关于wheel事件兼容性处理

最新推荐文章于 2022-06-19 17:42:49 发布

weixin_34068198

最新推荐文章于 2022-06-19 17:42:49 发布

阅读量329

点赞数

文章标签： python

原文链接：https://my.oschina.net/ososchina/blog/349851

版权

2019独角兽企业重金招聘Python工程师标准>>>

在html5中存在，滚轮滚动事件判断需要使用 wheel的时间，但各大版本浏览器使用的方式差异性却非常大，总体来说，目前wheel事件有3种，分别如下：

onwheel，onmousewheel，DOMMouseScroll

| onwheel支持所有html5浏览器             
|——————————————————————————————————————
| onmousewheel 支持所有非firefox的浏览器  
|——————————————————————————————————————
| DOMMouseScroll支持firefox浏览器

拦截事件的顺序是 onwheel-?->onmousewheel/DOMMouseScroll

“-?->”表示，一旦事件被onwheel拦截，那么onmousewheel将无法捕获到事件，而DOMMouseScroll完全可以。

综上所述，在编程中尽量使用 onwheel来做到兼容

转载于:https://my.oschina.net/ososchina/blog/349851