js鼠标滚动 mousewheel
来源:互联网 发布:揭阳网络广告公司 编辑:程序博客网 时间:2024/06/06 01:24
滚轮事件的兼容性差异有些不拘一格,不是以往的IE8-派和其他派,而是FireFox派和其他派。
包括IE6在内的浏览器是使用onmousewheel,而FireFox浏览器一个人使用DOMMouseScroll. 经自己测试,即使现在FireFox 19下,也是不识onmousewheel。
与mousewheel对应的event对像除了包含鼠标所有标准信息外,还包括wheelDelta特殊属性,用户向前滚动时 wheelDelta是120倍数。 向后滚动时wheelDelta是-120倍数
- opera 9.5之前的版本中,wheelDelta正负号是颠倒过来的。
document.addEventListener("mousewheel",(e)=>{var d=clinet.engine.opera && client.engine.opera<9.5 ? -e.wheelDelta:e.wheelDelta});
firefox支持名为DOMMouseScroll类似事件,在鼠标滚动时触发
DOMMouseScroll包含与鼠标相关的所有属性,而有关鼠标滚动信息 保存在detail属性中,鼠标向前时这个是-3的倍数,鼠标向后时是3倍数
可以将DOMMouseScroll添加到页面中任何一个元素里,而且该事件冒泡到window我们应该这样
window.addEventListener("DOMMouseScroll",(e)=>{ alert(e.detail); })
跨浏览器鼠标滚动显示detail值
var eventUntil={ detailHandle(e){ if(e.wheelDelta){ return (client.engine.opera && client.engine.0pera<9.5 ? -e.wheelDelta:e.wheelDelta ) }else{ return -e.detail*40; } } }
阅读全文
0 0
- js鼠标滚动 mousewheel
- 鼠标-滚动-Mousewheel-事件
- 鼠标滚动事件mousewheel(DOMMouseScroll)
- js鼠标滚轮事件(mousewheel/DOMMouseScroll)
- js鼠标滚轮事件(mousewheel/DOMMouseScroll)
- 鼠标滑轮MouseWheel事件
- JS 鼠标滚动放大
- js鼠标滚动事件
- js鼠标滚动事件
- js鼠标滚动事件
- js 禁止鼠标滚动
- js 鼠标滚动
- jquery.mousewheel.js
- [前端] js mousewheel 方向
- jquery.mousewheel.js
- jQuery 鼠标滚轮插件 mousewheel
- 鼠标滚轮插件jQuery mousewheel
- 鼠标滚轮事件----jquery-mousewheel
- 如何解决maven搭建项目的时候,src/main/java无法建立的问题,提示信息The folder is already a source folder.
- qt不同窗口之间的切换
- 简单利用RecyclerView实现ListView的点击事件
- Could not load TestContextBootstrapper [null]. Specify @BootstrapWith's 'val
- ie的png透明图片兼容性问题
- js鼠标滚动 mousewheel
- JS各循环的差别
- SystemUI 剖析
- 华为1
- spring 注解
- mvp框架的简单使用
- 批量处理linux java -jar jar服务模块脚本
- matlab程序控制结构
- ssm