JS禁用鼠标滚动

最新推荐文章于 2024-01-20 19:13:21 发布
最新推荐文章于 2024-01-20 19:13:21 发布
阅读量1.4k 收藏 3
点赞数 3
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_49039848/article/details/108552457
版权
博主在寻找禁用鼠标滚动的解决方案时未找到满意答案，因此自行编写了一个方法。该方法应用于页面最外层的#big-box元素，避免在body、html或window上绑定时出现[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See的错误。
摘要由CSDN通过智能技术生成

在网上找了一圈，愣是没找到不报错的禁用滚动。于是自己写了一个

以下的 document.querySelector("#big-box")为页面中最外层盒子
经测试绑定在body，html或者window上滚动会一直报这个错误
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See （由于目标被视为被动，无法在被动事件监听器中阻止缺省事件。）

<body>
<div id="big-box">...</div>
</body>

//取消默认事件
function stopDefault(e) {
   
  if (e.preventDefault) {
   
    e
最低0.47元/天 解锁文章
m0_49039848
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
js禁止鼠标滑轮_js实现鼠标滑动到某个div禁止滚动
weixin_39634194的博客
12-20 1262
本文实例为大家分享了js实现鼠标滑动到某个div禁止滚动的具体代码，供大家参考，具体内容如下项目中碰到一个场景就是当鼠标滑倒某个div的时候，滑动鼠标页面不再滚动。这里主要是当鼠标滑动到该div时，监听滚轮事件并通过preventDefault()事件来阻止滚动事件，以下是例子eg:#wrap {position:absolute;top:200px;background:#000000;font...
js实现鼠标滑动到某个div禁止滚动
10-14
主要为大家详细介绍了js实现鼠标滑动到某个div禁止滚动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
js得禁止页面滚动
最新发布
xiaohua0708day的博客
01-20 777
在web页面中，经常遇到一些弹窗内部有滚动条，可以滚动，弹窗后面的文档流也可以滚动，两个滚动区域会相互影响，用户体验不太好。1、弹出弹窗，禁止滚动，并停留在当前位置。2、关闭弹窗，恢复滚动，并恢复在停留位置。方案一、封装禁止、允许滚动方法。
关于鼠标滚轮事件的禁止方法
weixin_33711641的博客
10-20 932
当鼠标或者键盘触发某一事件时，在JavaScript中，我们可以为这个事件设置相应的动作。当然浏览器本身甚至是操作系统也会有对某一事件的默认动作，这样除了由于我们设置了自己定义句柄而产生的动作之外，还会有默认的动作发生。 通过事件属性取消默认动作 DOM的Event对象，通过其preventDefault()方法来取消默认动作。在IE下，...
javascript实现禁止鼠标滚轮事件
10-23
主要介绍了javascript实现禁止鼠标滚轮事件的相关资料,需要的朋友可以参考下
JS阻止鼠标滚动
weixin_33847182的博客
12-22 131
var scrollFunc=function(e){ e=e || window.event; if (e.stopPropagation) e.stopPropagation(); else e.cancelBubble = true; if (e.preventDefault) e.preventDefault(); else e.retur...
（转） JS禁用鼠标滚轮事件
Dragon的博客
01-08 6325
function disabledMouseWheel() { if (document.addEventListener) { document.addEventListener('DOMMouseScroll', scrollFunc, false); }//W3C window.onmousewheel = document.onmousewheel =
js 静止滚轮_javascript实现禁止鼠标滚轮事件
weixin_39719018的博客
12-19 442
平时我们兼容什么东西总是在调整低版本IE的兼容性，但是这回不是因为低版本浏览器不给力。而是因为火狐给力过头了，完全不顾其它浏览器的感受标新立异了。除了火狐之外，所有的浏览器都可以使用MouseWheel事件来处理鼠标滚轮的响应。但是火狐却偏偏不支持MouseWheel，而使用无厘头的DOMMouseScroll，这玩意儿除了火狐以外其它浏览器都不兼容。也就是说，对于鼠标滚轮事件的处理，火狐只能使用...
JS禁用鼠标滚轮事件
热门推荐
jumtre的专栏
04-11 1万+
接到一个需求，要在flash里面使用鼠标滚轮控制壁纸地板的替换，这本身是一个小需求，但是在网页测试中发现滚动鼠标滚轮时，网页也会跟着滚动，这样鼠标就没法固定在滚动元件的上面，对用户体验造成了不良影响。 然后开始尝试阻止鼠标滚轮影响页面，先试用这段代码： function disabledMouseWheel() { if (document.addEventListen
js 禁用ctrl+滚轮
04-07
NULL 博文链接：https://cuizhilei.iteye.com/blog/1575191
js阻止移动端页面滚动的两种方法
10-20
在JavaScript中，我们可以监听`touchmove`事件，然后阻止其默认行为，从而实现页面滚动的禁用。这种方法的核心是调用`event.preventDefault()`函数来阻止事件的默认处理。以下是如何实现的示例代码： ```javascript...
js禁止 鼠标滚轮事件
hailangtuteng的博客
10-11 7440
一段代码搞定 直接是禁止全局的鼠标滚轮事件  如果只需要单个模块 则把 window.onload = function() { window.onmousewheel = document.onmousewheel=function() {return false} } 里面的document 改为需要禁止的当前元素...
js 禁止鼠标滑轮滚动的事件
王旭东
05-22 753
如题，代码如下：   // left: 37, up: 38, right: 39, down: 40, // spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36 var keys = [37, 38, 39, 40]; function preventDefault(e) { ...
js禁止鼠标滑轮_js 禁止鼠标滑轮滚动的事件
weixin_39959298的博客
02-01 208
如题，代码如下：// left: 37, up: 38, right: 39, down: 40,// spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36var keys = [37, 38, 39, 40];function preventDefault(e) {e = e || window.event;if (e.prevent...
js禁止鼠标滑轮_JS禁用和启用鼠标滚轮滚动事件
weixin_33851180的博客
12-30 2331
// left: 37, up: 38, right: 39, down: 40,// spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36var keys = [37, 38, 39, 40];function preventDefault(e) {e = e || window.event;if (e.preventDefault)...
学习笔记 Javascript禁用鼠标滚轮
鱼乐无穷的专栏
07-31 888
当鼠标或者键盘触发某一事件时，在Javascript中，我们可以为这个事件设置相应的动作。当然浏览器本身甚至是操作系统也会有对某一事件的默认动作，这样除了由于我们设置了自己定义句柄而产生的动作之外，还会有默认的动作发生。 通过事件属性取消默认动作 DOM的Event对象，通过其preventDefault()方法来取消默认动作。在IE下，则是将event的retur
js 静止滚轮_js禁止页面滚动
weixin_39888943的博客
12-19 2228
开发移动端页面的时候有一个很比较常见的需求，在出现弹窗时，禁止滑动弹窗后面的主体页面。如何实现呢，往下看js实现整个页面禁止滚动：document.body.addEventListener('touchmove', function(e){e.preventDefault();}, { passive:false }); //passive 参数不能省略，用来兼容ios和androidpass...
用代码实现禁用浏览器鼠标手势
06-13
// 禁用鼠标手势 if (isEdge || isChrome || isFirefox) { document.addEventListener('wheel', function(e) { if (e.ctrlKey) { e.preventDefault(); } }, {passive: false}); } ``` 这段代码将检查当前...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值