天天看點

javascript 阻止事件的預設行為

在做前端開發時,我們經常會使用到阻止事件的預設行為,以下是阻止浏覽器預設行為的方法,

有一下兩種

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>
           

繼續閱讀