Javascript可以兼容各浏览器的阻止默认行为发生的方法

preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。本文实现一个可以兼容各浏览器的阻止默认行为发生的方法。

 JS阻止链接跳转

preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。本文实现一个可以兼容各浏览器的阻止默认行为发生的方法。



JS阻止链接跳转

function stopDefault(event) { 
e= (event||window.event);
if (e && e.preventDefault){//如果是FF下执行这个
e.preventDefault();
}else{
e.returnValue = false;//如果是IE下执行这个
}
return false;
}
</script> 
<a href="http://www.test.com" id="test">测试</a> 
<script type="text/javascript"> 
var test = document.getElementByIdx_x('test'); 
test.onclick = function(e) { 
alert('URL：' + this.href + ', 不会跳转'); 
stopDefault(e); 
}

 

此时点击链接，不会打开url，只弹出一个对话框。