我是靠谱客的博主 迷路店员,最近开发中收集的这篇文章主要介绍(转) JS禁用鼠标滚轮事件,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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.οnlοad=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禁用鼠标滚轮事件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(56)

评论列表共有 0 条评论

立即
投稿
返回
顶部