js禁止滚动窗体页面
js如何禁止鼠标,键盘滚动页面。(提示:无法控制右边出现的滚动条)
<title>js禁止滚动页面</title> <script> //spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36 var keys = { 37: 1, 38: 1, 39: 1, 40: 1, 35: 1, 36: 1 }; function preventDefault(e) { e = e || window.event; if (e.preventDefault) e.preventDefault(); e.returnValue = false; } function preventDefaultForScrollKeys(e) { if (keys[e.keyCode]) { preventDefault(e); return false; } } function disableScroll() {//禁止鼠标滚动窗体函数 if (window.addEventListener) // 旧版本firefox window.addEventListener('DOMMouseScroll', preventDefault, false); window.onwheel = preventDefault; // 标准浏览器 window.onmousewheel = document.onmousewheel = preventDefault; // 旧IE浏览器 window.ontouchmove = preventDefault; //移动端浏览器 document.onkeydown = preventDefaultForScrollKeys;//禁止键盘控制滚动 } function enableScroll() {//启用鼠标滚动函数 if (window.removeEventListener) window.removeEventListener('DOMMouseScroll', preventDefault, false); window.onmousewheel = document.onmousewheel = null; window.onwheel = null; window.ontouchmove = null; document.onkeydown = null; } disableScroll();//禁止鼠标滚动窗体 </script> <div style="height:1500px"></div>
加支付宝好友偷能量挖...
原创文章,转载请注明出处:js禁止滚动窗体页面