js禁用鼠标滚动wheel/DomMouseScroll

本文介绍了一种在网页中禁用鼠标滚轮的方法。通过使用JavaScript,可以阻止页面上的滚动事件,适用于特定元素或整个窗口。对于需要固定视图或特殊交互效果的设计非常有用。

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;
}
function disabledMouseWheel(obj) {
  if (document.addEventListener) {
    obj.addEventListener('DOMMouseScroll', scrollFunc, false);
  }//W3C
  obj.onmousewheel  = scrollFunc;//IE/Opera/Chrome
}
//在某个元素上禁用鼠标滚动
$('.el').each(function(){
    disabledMouseWheel(this);
});
//禁用整个窗口滚动事件
window.onload = disabledMouseWheel(this);

转载于:https://www.cnblogs.com/front-Q/p/9049258.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值