preventDefault() 方法 取消掉與事件關聯的默認動作


前幾天寫的 響應鍵盤的圖片切換 中, 鍵盤總是讓瀏覽器滾動,為了取消掉默認的事件,使用了 preventDefault() 方法

定義和用法

preventDefault() 方法取消事件的默認動作。

語法

event.preventDefault()

說明

該方法將通知 Web 瀏覽器不要執行與事件關聯的默認動作(如果存在這樣的動作)。例如,如果 type 屬性是 "submit",在事件傳播的任意階段可以調用任意的事件句柄,通過調用該方法,可以阻止提交表單。注意,如果 Event 對象的 cancelable 屬性是 fasle,那么就沒有默認動作,或者不能阻止默認動作。無論哪種情況,調用該方法都沒有作用。

 

//響應鍵盤
$(document).keydown(function(event){ 
   event = event || window.event;
   if(event.keyCode==38 || event.keyCode==37){ 
    clearInt();
    roll(-1);   
   event.preventDefault(); //這里取消掉鍵盤觸發的默認事件 
    };
   if(event.keyCode==40 || event.keyCode==39){   
    clearInt();
    roll(1);   
    }; 
    event.preventDefault();
   })
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<style>
#ss{
    width:400px;
    height:400px;
    background-color:#0F0;}
</style>
</head>

<body>
<form action="/" method="post">
    用戶名:<input type="text" name="username"><br />
    密碼:<input type="text" name="password">
    <input type="submit" value="注冊">

</form>
<script type="text/javascript">
    var fm=document.getElementsByTagName("form")[0];
    fm.addEventListener('submit',function(event){
        alert("tj");
        return false //dom1級下生效
        event.preventDefault();
    })

</script>
</body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM