【JavaScript】原生js阻止事件的三种方式

三种阻止事件执行的方式

event.preventDefault()
event.stopPropagation()
return false

1、event.preventDefault()

阻止特定事件的默认行为（只有 cancelable 设置为 true 的事件才可以使用），比如：点击 type=“submit” 的 input 标签提交表单，你在 onclick 事件处理中调用 event.preventDefault()方法，那么在点击 submit 后就不会自动提交表单了。但是并不阻止事件冒泡。

2、event.stopPropagation()

立即停止事件在 DOM 层次中的传播，即阻止事件冒泡。但是，并不阻止默认行为。

3、return false

之后的所有相关的触发事件和动作都不会被执行。阻止事件继续传播，事件冒泡和默认行为都被阻止。

作者：春末的风
链接：https://www.zhihu.com/question/19867421/answer/230336827
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

【JavaScript】原生js阻止事件的三种方式相关推荐

java的如何创建js_[Java教程]JS创建事件的三种方式（实例）
[Java教程]JS创建事件的三种方式(实例) 0 2016-05-11 14:00:16 1.普通的定义方式 οnclick="Sfont=prompt('请在文本框中输入红色','红色' ...
原生js绑定事件的三种方法
// 绑定事件// 行内绑定// 选择元素绑定事件// 事件监听有三个参数('什么事件','函数','true或false')true(事件捕获) false(事件冒泡)document.query ...
[js]绑定点击事件的三种方式
绑定点击事件的三种方式使用 onclick 属性(不推荐) <!doctype html> <html lang="en"> <head>&l ...
js声明变量的三种方式
JS 声明变量的三种方式 (1)使用变量步骤:a.声明-->b.赋值-->3.调用正确用法: <script type="text/javascript"> ...
java c 事件对比_javacsript绑定事件的三种方式与各自特点
javacsript绑定事件的三种方式与各自特点 javacsript绑定事件的三种方式与各自特点点击打开链接 javacsript绑定事件的三种方式与各自特点 feipeng8848 2017-0 ...
DOM注册事件的三种方式~满满的干货哦
Hello ~ 下面是对DOM注册事件的三种方式,希望可以帮助到有需要的小伙伴注册事件就是将JavaScript函数与指定的事件相关联. 当该事件被触发时,绑定的函数会被调用. HTML页面元素提供 ...
java 异步事件_处理异步事件的三种方式
在网站开发中,异步事件是项目必然需要处理的一个环节,也因为前端框架的兴起,通过框架实现的 SPA 已经是快速建构网站的标配了,一部获取数据也就成了不可或缺的一环:本文来就讲一讲 JavaScript ...
jquery调用click事件的三种方式
第一种方式: $(document).ready(function(){$("#clickme").click(function(){alert("Hello World ...
html 数据双向绑定,javascript实现数据双向绑定的三种方式小结
前端数据的双向绑定方法前端的视图层和数据层有时需要实现双向绑定(two-way-binding),例如mvvm框架,数据驱动视图,视图状态机等,研究了几个目前主流的数据双向绑定框架,总结了下.目前实 ...

【JavaScript】原生js阻止事件的三种方式

1、event.preventDefault()

2、event.stopPropagation()

3、return false

【JavaScript】原生js阻止事件的三种方式相关推荐

最新文章

热门文章