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>
上一篇:phpstorm配置取消掉63342


下一篇:LeetCode 709.To Lower Case