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>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步