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();
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,464评论 19 139
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,867评论 1 11
  •   JavaScript 最初的一个应用,就是分担服务器处理表单的责任,打破处处依赖服务器的局面。   尽管目前的...
    霜天晓阅读 3,895评论 0 3
  • Stefanie0421阅读 1,397评论 0 0
  • 当血被天牛吸干 干瘪的躯体 被剥皮割肉而成 一叶病舟 病舟一叶 即忘前世 当残躯一点点融入绿波 精打细磨、涂脂抹粉...
    天马谣阅读 1,501评论 0 0