preventDefault() 方法 取消掉与事件关联的默认动作

preventDefault()

前几天写的 响应键盘的图片切换 中, 键盘总是让浏览器滚动,为了取消掉默认的事件,使用了 preventDefault() 方法

定义和用法

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     })

点此查看完整例子

转载于:https://www.cnblogs.com/trance/archive/2009/04/23/1442123.html

你可能感兴趣的:(preventDefault() 方法 取消掉与事件关联的默认动作)