阻止默认行为和超链接
跨浏览器阻止超链接的默认行为函数
e.preventDefault() e为事件对象
window.event.returnValue = false
下面封装了一个函数为了浏览器兼容
function preventDef(e) {//做了浏览器兼容
if(e.preventDefault){
e.preventDefault();
}else {
window.event.returnValue = false;//阻止关键语句
}
}
案例
阻止a标签转移到百度的链接,并执行阻止后面的语句
完整源码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>rn</title>
<style>
*{
margin: 0px;
padding: 0px;
text-decoration: none;
font-size: 26px;
text-align: center;
}
body{
margin-top: 200px;
}
</style>
</head>
<body>
<a href="wwww.baidu.com" id="a1">链接</a>
<script>
var a1 = document.getElementById("a1");
a1.onclick = function (ev) {
var e = ev || window.event;
preventDef(e);
alert("后续操作");
}
function preventDef(e) {
if(e.preventDefault){
e.preventDefault();
}else {
window.event.returnValue = false;
}
}
</script>
</body>
</html>