react阻止事件冒泡（vue阻止冒泡和默认事件）

react阻止事件冒泡（vue阻止冒泡和默认事件）
　　JS阻止事件冒泡及阻止默认事件解决方案：

　　vue阻止冒泡和默认事件

　　1、event.preventDefault —— 阻止默认

　　Event 接口的 preventDefault()方法，告诉user agent：如果此事件没有被显式处理，它默认的动作也不应该照常执行。此事件还是继续传播，除非碰到事件侦听器调用stopPropagation() 或stopImmediatePropagation()，才停止传播。

　　示例：

　　2、event.stopImmediatePropagation —— 下阻止冒泡

　　Event 接口的 stopImmediatePropagation() 方法阻止监听同一事件的其他事件监听器被调用。

　　如果多个事件监听器被附加到相同元素的相同事件类型上，当此事件触发时，它们会按其被添加的顺序被调用。如果在其中一个事件监听器中执行 stopImmediatePropagation() ，那么剩下的事件监听器都不会被调用。

　　示例：

　　3、event.stopPropagation —— 上阻止冒泡

　　阻止捕获和冒泡阶段中当前事件的进一步传播。

　　但是，它不能防止任何默认行为的发生； 例如，对链接的点击仍会被处理。

　　如果要停止这些行为，请参见 preventDefault 方法，它可以阻止事件触发后默认动作的发生。

　　示例：

　　4、return false —— 这是个蛋蛋？

　　示例：默认的JS只会触发preventDefault()，因此只有在JQ中return false相当于同时执行了event.stopPropagation()和event.preventDefault()。

　　Vue阻止事件冒泡解决方案：

　　React阻止事件冒泡解决方案：

　　上面就是小居数码小编今天给大家介绍的关于（vue阻止冒泡和默认事件）的全部内容，希望可以帮助到你，想了解更多关于数码知识的问题，欢迎关注我们，并收藏，转发，分享。

　　94%的朋友还想知道的：

　　treeview右键点击事件（treeview双击节点事件）

　　vueinput获取焦点事件（vue输入框获取焦点）

　　讲解星露谷物语乔治事件选择（星露谷物语乔治喜好行程）

　　联想司马南事件（司马南怼联想事件结果）



　　154480
 

版权声明：本站所有文章皆为原创，欢迎转载或转发，请保留网站地址和作者信息。

很赞哦！ ()