前幾天寫的 響應鍵盤的圖片切換 中, 鍵盤總是讓瀏覽器滾動,為了取消掉默認的事件,使用了 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>