js禁止 鼠标滚轮事件

最新推荐文章于 2025-06-28 13:23:20 发布
原创 最新推荐文章于 2025-06-28 13:23:20 发布 · 7.5k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js #鼠标滚轮事件 #vue

一段代码搞定 直接是禁止全局的鼠标滚轮事件  如果只需要单个模块 则把

window.onload = function() {

window.onmousewheel = document.onmousewheel=function() {return false}

}

里面的document 改为需要禁止的当前元素

JS禁用鼠标滚动
m0_49039848的博客
09-12 1548
在网上找了一圈，愣是没找到不报错的禁用滚动。于是自己写了一个 以下的 document.querySelector("#big-box")为页面中最外层盒子 经测试绑定在body，html或者window上滚动会一直报这个错误 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See （由于目标被视为被动，无法在被动事件监听器中阻止缺省事
cesium && arcgis api for js 鼠标滚轮事件.txt
weixin_42193179的博客
12-04 1324
鼠标滚轮事件是在 上升沿触发，但对于视图来说，会在触发该事件80ms（左右）后做出反应， 视图的缩放，视高的升高、降低。 所以，在使用鼠标滚轮事件时，要注意的是，在添加滚轮事件时， 要做相应的延时处理，才能得到正确的效果。 cesium 代码： setTimeout(changeViewerHeightDynamic, 80); function changeViewerHeightDynam...
javascript实现禁止鼠标滚轮事件
10-23
主要介绍了javascript实现禁止鼠标滚轮事件的相关资料,需要的朋友可以参考下
js 静止滚轮_javascript实现禁止鼠标滚轮事件
weixin_39719018的博客
12-19 492
平时我们兼容什么东西总是在调整低版本IE的兼容性，但是这回不是因为低版本浏览器不给力。而是因为火狐给力过头了，完全不顾其它浏览器的感受标新立异了。除了火狐之外，所有的浏览器都可以使用MouseWheel事件来处理鼠标滚轮的响应。但是火狐却偏偏不支持MouseWheel，而使用无厘头的DOMMouseScroll，这玩意儿除了火狐以外其它浏览器都不兼容。也就是说，对于鼠标滚轮事件的处理，火狐只能使用...
js基础之滚轮事件
最新发布
qq_37269626的博客
06-28 683
本文介绍了通过鼠标滚轮事件改变div高度的实验。实验使用JavaScript监听wheel事件，当鼠标向上滚动时减少div高度（最小限制20px），向下滚动时增加高度。代码实现了一个红色方块div，通过滚轮滚动时动态调整其高度，并在控制台输出调试信息。实验结果表明该方法成功实现了通过滚轮交互改变元素样式的功能。
JS禁用鼠标滚轮事件
热门推荐
jumtre的专栏
04-11 1万+
接到一个需求，要在flash里面使用鼠标滚轮控制壁纸地板的替换，这本身是一个小需求，但是在网页测试中发现滚动鼠标滚轮时，网页也会跟着滚动，这样鼠标就没法固定在滚动元件的上面，对用户体验造成了不良影响。 然后开始尝试阻止鼠标滚轮影响页面，先试用这段代码： function disabledMouseWheel() { if (document.addEventListen
js禁止鼠标滑轮_js 禁止鼠标滑轮滚动的事件
weixin_39959298的博客
02-01 269
如题，代码如下：// 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实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
10-19
总的来说，通过监听键盘和鼠标事件，并利用`event.preventDefault()`或`event.returnValue = false`来阻止默认行为，我们可以有效地实现JS禁用用户使用`Ctrl + 鼠标滚轮`缩放网页的功能。这种方法涉及到JavaScript...
（转） JS禁用鼠标滚轮事件
Dragon的博客
01-08 6434
function disabledMouseWheel() { if (document.addEventListener) { document.addEventListener('DOMMouseScroll', scrollFunc, false); }//W3C window.onmousewheel = document.onmousewheel =
js禁止鼠标滑轮_JS禁用和启用鼠标滚轮滚动事件
weixin_33851180的博客
12-30 2465
// 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)...
js禁止鼠标滑轮_JS-鼠标滚轮事件 和 阻止默认行为
weixin_32353247的博客
01-12 558
#div1{width:100px;height:100px;background:red;}window.onload= function(){varoDiv=document.getElementById('div1');/*ie/chrome : onmousewheelevent.wheelDelta //firefox 下没有这个属性上 ： 120下 ：-120firefox : DO...
js 实现 使鼠标滚轮失效
03-31
js 实现 使鼠标滚轮失效! 值得下载看看!资源免费,大家分享!!
js实现鼠标滑动到某个div禁止滚动
10-14
主要为大家详细介绍了js实现鼠标滑动到某个div禁止滚动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
js实现禁止页面缩放（ctrl+滚轮）
weixin_61597234的博客
04-23 1004
1.要监听鼠标滚轮的事件;2.要判断ctrl是否按中。3.判断......
js 禁止鼠标滑轮滚动的事件
王旭东
05-22 818
如题，代码如下：   // 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) { ...
学习笔记 Javascript禁用鼠标滚轮
鱼乐无穷的专栏
07-31 956
当鼠标或者键盘触发某一事件时，在Javascript中，我们可以为这个事件设置相应的动作。当然浏览器本身甚至是操作系统也会有对某一事件的默认动作，这样除了由于我们设置了自己定义句柄而产生的动作之外，还会有默认的动作发生。 通过事件属性取消默认动作 DOM的Event对象，通过其preventDefault()方法来取消默认动作。在IE下，则是将event的retur
js禁止鼠标滑轮_js实现鼠标滑动到某个div禁止滚动
weixin_39634194的博客
12-20 1357
本文实例为大家分享了js实现鼠标滑动到某个div禁止滚动的具体代码，供大家参考，具体内容如下项目中碰到一个场景就是当鼠标滑倒某个div的时候，滑动鼠标页面不再滚动。这里主要是当鼠标滑动到该div时，监听滚轮事件并通过preventDefault()事件来阻止滚动事件，以下是例子eg:#wrap {position:absolute;top:200px;background:#000000;font...
js 静止滚轮_js禁止页面滚动
weixin_39888943的博客
12-19 2279
开发移动端页面的时候有一个很比较常见的需求，在出现弹窗时，禁止滑动弹窗后面的主体页面。如何实现呢，往下看js实现整个页面禁止滚动：document.body.addEventListener('touchmove', function(e){e.preventDefault();}, { passive:false }); //passive 参数不能省略，用来兼容ios和androidpass...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值