在做前端開發時,我們經常會使用到阻止事件的預設行為,以下是阻止浏覽器預設行為的方法,
有一下兩種
1、event.preventDefault()
在非IE浏覽器中使用,preventDefault()(取消事件的預設動作)方法來阻止事件相關聯的的預設行為。
該方法将通知 Web 浏覽器不要執行與事件關聯的預設動作(如果存在這樣的動作)。
例如,如果 type 屬性是 "submit",在事件傳播的任意階段可以調用任意的事件句柄,
通過調用該方法,可以阻止送出表單。注意,如果 Event 對象的 cancelable 屬性是 fasle,
那麼就沒有預設動作,或者不能阻止預設動作。無論哪種情況,調用該方法都沒有作用。
2、window.event.returnValue = false;
在IE浏覽器中,則使用window.event.returnValue = false;
代碼如下:
<span style="font-family:Comic Sans MS;"><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="scripts/jquery-2.1.0.js"></script>
<script type="text/javascript">
$(function () {
$("a").click(function (e) {
if (e && e.preventDefault)
//阻止預設浏覽器動作(W3C)
e.preventDefault();
else
//IE中阻止函數器預設動作的方式
window.event.returnValue = false;
return false;
});
});
</script>
</head>
<body>
<a href="http://www.baidu.com" target="_blank" rel="external nofollow" >百度</a>
</body>
</html></span>