javascript实现禁止鼠标滚轮事件_javascript技巧
程序员文章站
2022-05-14 16:53:44
...
平时我们兼容什么东西总是在调整低版本IE的兼容性,但是这回不是因为低版本浏览器不给力。而是因为火狐给力过头了,完全不顾其它浏览器的感受标新立异了。除了火狐之外,所有的浏览器都可以使用MouseWheel事件来处理鼠标滚轮的响应。但是火狐却偏偏不支持MouseWheel,而使用无厘头的DOMMouseScroll,这玩意儿除了火狐以外其它浏览器都不兼容。也就是说,对于鼠标滚轮事件的处理,火狐只能使用DOMMouseScroll。而非火狐则只能使用MouseWheel。这两种事件实现的原理不同,他们处理的数据也不同。
var firefox = navigator.userAgent.indexOf('Firefox') != -1; firefox ? img.addEventListener('DOMMouseScroll', MouseWheel, false) : (img.onmousewheel = MouseWheel); function MouseWheel(e) { e = e || window.event; if (e.stopPropagation) e.stopPropagation(); else e.cancelBubble = true; if (e.preventDefault) e.preventDefault(); else e.returnValue = false; }
我们来看个完整的代码
使用鼠标滚轮调整数值大小
以上所述就是本文的全部内容了,希望大家能够喜欢。
上一篇: php5对象复制、clone、浅复制与深复制实例详解
下一篇: 独立思考锁表了咋整
推荐阅读
-
使用javaScript实现鼠标拖拽事件
-
Js实现双击鼠标自动滚动屏幕的示例代码_javascript技巧
-
JavaScript调用Activex控件的事件的实现方法_javascript技巧
-
鼠标拖拽移动子窗体的JS实现_javascript技巧
-
js利用事件的阻止冒泡实现点击空白模态框的隐藏_javascript技巧
-
动态创建的表格单元格中的事件实现代码_javascript技巧
-
JavaScript调用Activex控件的事件的实现方法_javascript技巧
-
js阻止事件追加的具体实现_javascript技巧
-
js实现感应鼠标图片透明度变化的方法_javascript技巧
-
鼠标滚轮控制网页横向移动实现思路_javascript技巧