Javascript实现禁止鼠标滚轮事件
我们通常兼容什么总是在低的IE兼容版本的调整,但这一次不是因为浏览器的低版本吸。但由于Firefox很棒,不管其他的浏览器感觉标新立异。除了Firefox浏览器可以使用鼠标滚轮事件处理鼠标的滚轮的响应。但Firefox不支持MouseWheel,并用它除了胡说八道dommousescroll,其他浏览器不兼容火狐,火狐只能用dommousescroll为鼠标滚轮事件的处理,而不是Firefox,它只能使用鼠标滚轮,两事件原则是不同的,他们处理的数据是不同的。VaR('firefox Firefox = navigator.useragent.indexof)!= 1;
Firefox img.addeventlistener('dommousescroll ',MouseWheel,假):
(img.onmousewheel =滚轮);
函数的MouseWheel(e){
E = e window.event | |;
如果(e.stoppropagation)e.stoppropagation();
其他e.cancelbubble =真;
如果(e.preventDefault)e.preventDefault();
其他e.returnvalue = false;
}
让我们看一个完整的代码
跨{字体:14px / 20px微软雅黑;}
{ #计数器
宽度:50px;身高:20px;
边境:1px solid # CCC;
背景:# f9f9f9;
字体:14px / 20px Consolas;
文本对齐:中心;
保证金:10px;
}
使用鼠标滚轮调整值的数量
零
/ / mobiledevicemodel
无功议= navigator.useragent.match( / MSIE( D) /我);
议= isieisie { 1 }:未定义;
VaR ISFF = / / i.test Firefox(导航。用户代理);
获取元素
无功反= document.getelementbyid(反);
鼠标滚轮事件
如果(议<9) / /传统使用鼠标滚轮事件浏览器
counter.attachevent(onmousewheel
鼠标滚轮距离计算
3行,每行有40个像素,所以除以120。
var v =事件。wheeldelta / 120;
计数器.innerHTML =计数器。innerHTML * 1 + V;
停止浏览器默认方法
返回false;
});
如果(ISFF!)除了现代浏览器/火狐还利用MouseWheel事件
counter.addeventlistener(滚轮
鼠标滚轮距离计算
var v = e.wheeldelta / 120;
计数器.innerHTML =计数器。innerHTML * 1 + V;
停止浏览器默认方法
E.preventDefault();
},假);
别人/美妙的Firefox dommousescroll事件
counter.addeventlistener(dommousescroll
鼠标滚轮距离计算
3行,但是这里要小心,像素不同,是负的。
var v = - e.detail / 3;
计数器.innerHTML =计数器。innerHTML * 1 + V;
停止浏览器默认方法
E.preventDefault();
},假);
以上是本文的全部内容,希望大家能喜欢。