美文网首页javascript基础学习IT干货
JS-preventDefault() 取消默认行为

JS-preventDefault() 取消默认行为

作者: _Janly | 来源:发表于2018-04-03 17:18 被阅读2次

语法

event.preventDefault()

说明

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

常用情景

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

相关文章

网友评论

    本文标题:JS-preventDefault() 取消默认行为

    本文链接:https://www.haomeiwen.com/subject/rxjchftx.html