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>

 

posted @ 2016-04-22 21:03  自由无风  阅读(2520)  评论(0)  编辑  收藏  举报