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

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

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

html5中新增标签的兼容性如何设置,HTML5新标签的兼容性处理
普通浏览器普通不支持HTML5新标签的浏览器 -- 能正常解析,但会当初成 inline 元素对待在不支持HTML5新标签的浏览器里,会将这些新的标签解析成行内元素(inline)对待,所以我们只 ...
html中的鼠标事件怎么写,html5中的鼠标事件以及鼠标事件属性
鼠标事件先列出html5中鼠标常见的一系列事件: 事件名称描述 onclick 当单击鼠标时运行脚本 ondblclick 当双击鼠标时运行脚本 ondrag 当拖动元素时运行脚本 ondrage ...
在html5代码中加个时间,HTML5中video标签“事件”详解（实时监测当前播放时间）代码...
1.html代码:video后边几个元素,可处理ios 系统的兼容性 2.Js代码: //获取视频DOM元素 var myVideo = document.getElementById("m ...
测试开发之前端——No8.HTML5中的媒介事件
媒介事件由视频.图像以及音频等媒介触发的事件. 适用于所有 HTML 5 元素,不过在媒介元素(诸如 audio.embed.img.object 以及 video)中最常用: 属性值描述 on ...
html5中页面关闭事件监听,JS针对浏览器窗口关闭事件的监听方法集锦
本文实例总结了JS针对浏览器窗口关闭事件的监听方法.分享给大家供大家参考,具体如下: 方式一:(适用于IE浏览器,而且刷新不提示,只在点击浏览器关闭按钮的时候提示) window.οnbefοreun ...
html5音乐播放时间监测,【HTML5】HTML5中video元素事件详解（实时监测当前播放时间）...
//获取视频DOM元素 var myVideo = document.getElementById("myVideo"); myVideo.oncanplay = function ...
苹果7手机html5测试,测试开发之前端——No7.HTML5中的鼠标事件
wordpress取文章时间 wordpress的时间处理, 取文章的本地时间用get_the_time('c'),其中c可以用"D, d M Y H:i:s"等替代. 取文章的U ...
html+监听+页面滚动到底部,解决HTML5中滚动到底部的事件问题
问题:在H5中,我们有这样的需求:例如有列表的时候,滚动到底部时,需要加载更多. 解决方案:可以采用window的滚动事件进行处理分析:如果滚动是针对整个屏幕而言的(不针对于某个界面小块),那么这个 ...
HTML5中的服务器发送事件Server-sent events
HTML5加了许多新功能,其中服务器发送事件Server-sent events是一个亮点,以下直接贴上代码示例客户端a.html页面 <!DOCTYPE html> <html& ...

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

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

最新文章

热门文章