preventDefault() 方法 取消掉与事件关联的默认动作
preventDefault()
前几天写的 响应键盘的图片切换 中, 键盘总是让浏览器滚动,为了取消掉默认的事件,使用了 preventDefault() 方法
定义和用法
preventDefault() 方法取消事件的默认动作。
语法
event.preventDefault()
说明
该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 "submit",在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者不能阻止默认动作。无论哪种情况,调用该方法都没有作用。
例子:
1 //响应键盘
2 $(document).keydown(function(event){
3 event = event || window.event;
4 if(event.keyCode==38 || event.keyCode==37){
5 clearInt();
6 roll(-1);
7 event.preventDefault(); //这里取消掉键盘触发的默认事件
8 };
9 if(event.keyCode==40 || event.keyCode==39){
10 clearInt();
11 roll(1);
12 };
13 event.preventDefault();
14 })
2 $(document).keydown(function(event){
3 event = event || window.event;
4 if(event.keyCode==38 || event.keyCode==37){
5 clearInt();
6 roll(-1);
7 event.preventDefault(); //这里取消掉键盘触发的默认事件
8 };
9 if(event.keyCode==40 || event.keyCode==39){
10 clearInt();
11 roll(1);
12 };
13 event.preventDefault();
14 })
点此查看完整例子