这两个代码都实现不了禁止滚轮滑动
window.onload = function () {
window.onmousewheel = document.onmousewheel = function () { return false }
}
window.addEventListener('wheel',function(){
return false
})
document.addEventListener('wheel', function(event) {
event.preventDefault(); // 阻止默认的滚轮行为
}, { passive: false });
要使用JavaScript禁止鼠标滑轮事件,可以通过注册滚轮事件,并取消默认滚动行为。以下是一种实现方法:
window.addEventListener("wheel", function(e) {
e.preventDefault();
}, { passive: false });
在这个代码中,我们使用addEventListener来注册wheel事件,并在事件监听器中调用preventDefault()方法来取消默认的滚动行为。{ passive: false }用于确保事件监听器不是被动的。
【以下回答由 GPT 生成】
生成js代码的方法,可以使用element.addEventListener()
函数将事件处理程序附加到元素上(如window),执行以下步骤:
addEventListener()
函数将该函数附加到wheel
事件上。removeEventListener()
函数将该函数从wheel
事件中移除。以下是优化后的代码:
window.onload = function () {
function disableScroll(event) {
event.preventDefault();
}
window.addEventListener("wheel", disableScroll);
// 当不需要滚动事件时,使用以下代码移除该函数
/*
window.removeEventListener("wheel", disableScroll);
*/
}
这段代码会在页面加载完成时启用滚动事件的禁用,并在需要时可以使用removeEventListener()
函数进行移除。
【相关推荐】