首页 > 代码库 > 事件绑定和阻止默认事件
事件绑定和阻止默认事件
一般 为了阻止默认事件,我们都用return false,可是 假设你用了事件绑定,return false在高版本号浏览当中就会失效,可是低版本号浏览器中还是能够的,我们能够使用事件对象里面preventDefault()方法来去解决高版本号浏览器中事件绑定了无法用return false阻止默认事件的问题。
比如:取消鼠标右击后出现的默认菜单
document.oncontextmenu=function()
{
return false;
}
这样在各个浏览器中,鼠标右击后,不会出现默认菜单了,可是假设用了事件绑定会如何呢:
事件绑定函数:
//obj:给哪个元素加事件
//sEv:事件名称
//fn:运行函数
function addEvent(obj,sEv,fn)
{
if(obj.addEventListener) //表示高版本号浏览器
{
obj.addEventListener(sEv,fn,false);
}
else
{
obj.attachEvent(‘on‘+sEv,fn) //低版本号浏览
}
}
如今我们给document绑定右击事件
addEvent(document,‘contextmenu‘,function(){
return false;
})
这时,你会发现,在高版本号浏览器里面,点击鼠标右击,菜单仍然能够出现,而在低版本号里面,点击鼠标右键,菜单不会出现。
解决方法:
addEvent(document,‘contextmenu‘,function(ev){
var oEvent=ev||event;
oEvent.preventDefault && oEvent.preventDefault(); //高版本号浏览器支持,低版本号浏览器不支持此方法
return false;
})
这样就能够完美解决绑定事件后,阻止浏览器的默认方法了,兼容各个浏览器