您的当前位置:首页正文

JS-preventDefault() 取消默认行为

来源:华拓网

语法

event.preventDefault()

说明

该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。
注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者不能阻止默认动作。无论哪种情况,调用该方法都没有作用。

常用情景

  • 如果 type 属性是 "submit",在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。
  • <button>标签在form表单中时,click时间默认会提交表单刷新页面,调用可方法,可避免刷新页面
  • a 标签点击时,会跳转url,采用如下方式,可防止链接打开 URL:
$("a").click(function(e){
  e = e || window.event;
  e.preventDefault();
})