阻止浏览器默认行为（window.event&preventDefault（））

最新推荐文章于 2023-10-30 20:41:05 发布

weixin_30326745

最新推荐文章于 2023-10-30 20:41:05 发布

阅读量276

点赞数

原文链接：http://www.cnblogs.com/binarytreeyifan/p/3222040.html

版权

对于阻止浏览器默认行为这种事情，

IE下可以使用window.event哎，可是firefox怎么办？我们不能丢掉它不管啊。

上demo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
</head>

<body>
<script type="text/javascript">


function stopDefault(e) { 
        window.event.returnValue = false;
        return false;
}
</script> 

<a href="http://www.yunjee.com" id="ali">云集香水</a> 

<script type="text/javascript"> 

var test = document.getElementById('ali'); 

test.onclick = function(e) { 

   alert('满意吧趴趴狸同学╭(╯3╰)╮'); 

   stopDefault(e); 
}
</script> 
</body>
</html>

这个demo用了window.event，很明显在ie下是木有任何问题的，可以正常阻止页面跳转。但在firefox下会失败。

于是我们必须要使用preventDefault（），这个东西是不被ie认可的，所以我们有如下demo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
</head>

<body>
<script type="text/javascript">


function stopDefault(e) { 

     if (e && e.preventDefault) {//如果是FF下执行这个

        e.preventDefault();

    }else{ 

        window.event.returnValue = false;//如果是IE下执行这个

    }

    return false;
}
</script> 

<a href="http://www.yunjee.com" id="ali">云集香水</a> 

<script type="text/javascript"> 

var test = document.getElementById('ali'); 

test.onclick = function(e) { 

   alert('趴趴狸╭(╯3╰)╮'); 

   stopDefault(e); 
}
</script> 
</body>
</html>