您的位置：首页 > 其它

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

2013-07-28 23:45 555 查看

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

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

ok

上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>

好了，问题解决。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航