js 怎么恢复默认事件

JavaScript047

js 怎么恢复默认事件,第1张

可以使用removeEventListener来移除。

但是条件是addEventListener不能用匿名,匿名的移除不了。

var a = function (e) { e.preventDefault()}

document.addEventListener(……,a,……)

document.removeEventListener(……,a,……)

很多的网页元素都会有默认的行为,比如说当你点击一下超链接a标签的时候,它会有一个跳转的行为;当你在网页上点鼠标右键时会出现一个右键菜;当你在一个form表单里点击提交按钮时网页会产生提交行为并刷新网页,当你网页上滚动鼠标滚轮时,网页的滚动条会动等等。这些都叫事件的默认行为,如果想把这默认行为取消了,相应的JS代码如下:a.onclick=function(){return false}//在方法里加个return false,就阻止超链接点击时的跳转行为了document.oncontextmenu=function(){/* 在这里你还可以加一些代码,实现自定义的右键菜单 */return false//系统自带的右键菜单就失效了}Form.onsubmit=function(){return false}//这样表单就不会产生提交行为了document.onmousewheel=function(){return false}//IE和chrome的方式,取消鼠标的滚轮的默认行为,网页的滚动条就不会动了document.addEventListener('DOMMouseScroll',function(e){e.preventDefault=true})//功能同上,火狐的方式。火狐只能用DOM二级的绑定方式,并且用e.preventDefault=true我们要知道常见的事件默认行为有那些,并且要知道阻止默认行为,只要在绑定到这个行为事件的方法里最后加一句:return false就可以了。但要强调注意的是:如果你的事件绑定是用addEventListener来实现的,那阻止默认行为必须用e.preventDefault=true。