如题,代码如下:
// 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) { e = e || window.event; if (e.preventDefault) e.preventDefault(); e.returnValue = false; } function keydown(e) { for (var i = keys.length; i--;) { if (e.keyCode === keys[i]) { preventDefault(e); return; } } } function wheel(e) { preventDefault(e); } function disable_scroll() { if (window.addEventListener) { window.addEventListener('DOMMouseScroll', wheel, false); } window.onmousewheel = document.onmousewheel = wheel; document.onkeydown = keydown; } function enable_scroll() { if (window.removeEventListener) { window.removeEventListener('DOMMouseScroll', wheel, false); } window.onmousewheel = document.onmousewheel = document.onkeydown = null; }
相关推荐
鼠标滑轮滚动事件
本篇文章主要介绍了js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)。需要的朋友可以过来参考下,希望对大家有所帮助
主要为大家详细介绍了js实现鼠标滑动到某个div禁止滚动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
比较好用的perfect scrollbar jQuery鼠标滚轮滚动事件
实现鼠标滚动滚轮事件: [removed] var scrollFunc=function(e){ e=e || window.event; if(e.wheelDelta){//IE/Opera/Chrome if(e.wheelDelta==120) { //向上滚动事件 alert(e.wheelDeta +"向上"); }else ...
js银河特效,点击变换颜色,滑轮滚动放缩大小,鼠标长按拖动翻转,优秀源代码 js银河特效,点击变换颜色,滑轮滚动放缩大小,鼠标长按拖动翻转,优秀源代码 js银河特效,点击变换颜色,滑轮滚动放缩大小,鼠标长按...
滑轮滚动页面的事件在网页特效中进场遇到,但是在不同浏览器下的实现方式又不同。下面我实现的方法,兼容常见浏览器。 function getData(event){ var e = event || window.event; //获取滚动距离(FF每次滚动 data为...
主要介绍了javascript实现禁止鼠标滚轮事件的相关资料,需要的朋友可以参考下
脚本简介:JS鼠标滚轮水平滚动特效是一款横向滚动排列的JS水平滚动代码。
实现图片的滑轮滚动放大预览、拖动、旋转功能,此文件为完整页面demo及JS文件
jQuery鼠标滚动事件动画是一款点击网站导航或者滑动鼠标之后网站,整个body开始沿着设定好的路径旋转,很酷的效果。
jQuery鼠标滚动事件动画 jQuery鼠标滚动事件动画宣传页面.zip
js图片左右无缝滚动用鼠标控制图片滚动 js图片左右无缝滚动用鼠标控制图片滚动 js图片左右无缝滚动用鼠标控制图片滚动
阻止滚动条事件mousewheel冒泡,当网页内部元素滚动条到顶或底时不触发浏览器窗口的滚动条事件。
小知识点,废话不多说,直接上代码 css: 代码如下: ”code” class=”css”>&...</pre><br> js: 代码如下: ”code” class=”javascript”>var auchorTop = $(“#anchor”).css(“top”); auchorTop = Number(auchorTo
通过js来实现鼠标滑轮+组合键来缩放页面的效果
js获取鼠标滚轮滚动像素,