您的位置:首页 > Web前端 > JavaScript

(转) 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