DOM元素的默认行为

很多的网页元素都会有默认的行为,比如说当你点击一下超链接a标签的时候,它会有一个跳转的行为;当你在网页上点鼠标右键时会出现一个右键菜;当你在一个form表单里点击提交按钮时网页会产生提交行为并刷新网页,当你网页上滚动鼠标滚轮时,网页的滚动条会动等等。这些都叫事件的默认行为,如果想把这默认行为取消了,相应的JS代码如下:
a.οnclick=function(){return false;}//在方法里加个return false,就阻止超链接点击时的跳转行为了
document.οncοntextmenu=function(){
/* 在这里你还可以加一些代码,实现自定义的右键菜单  */
return false;//系统自带的右键菜单就失效了
}
Form.οnsubmit=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。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值