关于鼠标滚轮事件的禁止方法
2016-10-20 09:59
253 查看
当鼠标或者键盘触发某一事件时,在JavaScript中,我们可以为这个事件设置相应的动作。当然浏览器本身甚至是操作系统也会有对某一事件的默认动作,这样除了由于我们设置了自己定义句柄而产生的动作之外,还会有默认的动作发生。
通过事件属性取消默认动作
DOM的Event对象,通过其preventDefault()方法来取消默认动作。在IE下,则是将event的returnValue属性设置为false来阻止浏览器执行与事件相关的默认动作。
为了保证阻止浏览器默认动作的发生,我们可以即通过事件句柄返回值来实现,又考虑事件属性。例如 下面代码,取消滚轮事件的默认动作。
在事件句柄中,除了完成自己定义的动作之外,想要阻止默认动作,可以在句柄最后加上阻止默认动作的语句就OK了。
通过事件属性取消默认动作
DOM的Event对象,通过其preventDefault()方法来取消默认动作。在IE下,则是将event的returnValue属性设置为false来阻止浏览器执行与事件相关的默认动作。
为了保证阻止浏览器默认动作的发生,我们可以即通过事件句柄返回值来实现,又考虑事件属性。例如 下面代码,取消滚轮事件的默认动作。
functiondisabledMouseWheel() { if(document.addEventListener) { document.addEventListener('DOMMouseScroll', scrollFunc, false); }//W3C window.onmousewheel = document.onmousewheel = scrollFunc;//IE/Opera/Chrome } functionscrollFunc(evt) { evt = evt || window.event; if(evt.preventDefault) { // Firefox evt.preventDefault(); evt.stopPropagation(); } else{ // IE evt.cancelBubble=true; evt.returnValue = false; } returnfalse; } window.onload=disabledMouseWheel;
在事件句柄中,除了完成自己定义的动作之外,想要阻止默认动作,可以在句柄最后加上阻止默认动作的语句就OK了。
相关文章推荐
- javascript实现禁止鼠标滚轮事件
- vue input["number"],禁止显示上下箭头,禁止鼠标滚轮事件
- html中鼠标滚轮事件onmousewheel的处理方法
- 判断当前浏览器是不是火狐和禁止鼠标滚轮事件
- JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
- QT关于鼠标滚轮事件
- 关于鼠标滚轮事件
- javascript实现禁止鼠标滚轮事件
- silverlight - 获取鼠标滚轮事件 及 判断获取组合键的方法
- silverlight - 获取鼠标滚轮事件 及 判断获取组合键的方法
- silverlight技巧 获取鼠标滚轮事件 及 判断获取组合键的方法
- 禁止input输入框的鼠标滚轮事件详解
- 关于JavaScript中监听鼠标滚轮事件
- .net 下操作鼠标滚轮的事件 以及换算方法
- 关于qt的QGraphicsPathItem无法获得鼠标事件的解决方法
- silverlight技巧 获取鼠标滚轮事件 及 判断获取组合键的方法
- 使用JS监听鼠标滚轮事件,并且滑动一次只执行一次事件方法
- 老土但有效的刷百度空间人气不被封的方法(C#实现操纵鼠标事件,单击、移动、滚轮)
- 解决DBGrid中关于鼠标滚轮的一种方法。
- 鼠标滚轮事件(mousewheel)