(转) JS禁用鼠标滚轮事件
2018-01-08 17:36
441 查看
function disabledMouseWheel() { if (document.addEventListener) { document.addEventListener('DOMMouseScroll', scrollFunc, false); }//W3C window.onmousewheel = document.onmousewheel = scrollFunc;//IE/Opera/Chrome } function scrollFunc(evt) { evt = evt || window.event; if(evt.preventDefault) { // Firefox evt.preventDefault(); evt.stopPropagation(); } else { // IE evt.cancelBubble=true; evt.returnValue = false; } return false; } window.onload=disabledMouseWheel;
如果只是想要在某个div禁用鼠标滚轮事件
滚轮事件绑定在div上即可(canvas 标签绑定不了事件,,,,,,不知道是不是我写的有问题)
function disabledMouseWheel() {
var div = document.getElementById('divid');
if (div.addEventListener) {
div.addEventListener('DOMMouseScroll', scrollFunc, false);
}//W3C
div.onmousewheel = div.onmousewheel = scrollFunc;//IE/Opera/Chrome
}
function scrollFunc(evt) {
evt = evt || window.event;
if (evt.preventDefault) {
// Firefox
evt.preventDefault();
evt.stopPropagation();
} else {
// IE
evt.cancelBubble = true;
evt.returnValue = false;
}
return false;
}
window.onload = disabledMouseWheel;
转载地址 http://blog.csdn.net/jumtre/article/details/51119214
相关文章推荐
- JS禁用鼠标滚轮事件
- JS禁用鼠标滚轮事件
- 【js学习笔记-095】----鼠标滚轮事件
- js捕获鼠标滚轮事件代码
- js鼠标滚轮上下滚动监听事件应用实例(跨浏览器,亲测)
- JS。某鼠标滚轮事件。
- js对于鼠标滚轮事件的监听
- js中鼠标滚轮事件详解
- js中鼠标滚轮事件详解
- js中鼠标滚轮事件详解(firefox多浏览器)
- 移除input在type="number"时的上下箭头和禁用鼠标滚轮事件
- 使用JS实现鼠标滚轮事件
- js鼠标滚轮事件兼容
- 2.0Tip/Trick之Silverlight.js, Silverlight.supportedUserAgent.js, 自定义启动界面, 响应鼠标滚轮事件
- js的鼠标滚轮事件
- JS事件之事件类型[鼠标和滚轮事件]
- js 事件对象 鼠标滚轮效果演示说明
- js中鼠标滚轮事件详解
- JS事件-鼠标滚轮事件
- js中鼠标滚轮事件详解