preventDefault()、stopPropagation()、return false 之间

warmcheng 发布于2019-08-20 19:03 / 3107人阅读

摘要：取消默认操作，如标签的，时会触发，有时需要取消默认操作。停止冒泡，的事件流和的事件流类似。是顶层元素分发，底层元素，由顶层往上事件传递，叫冒泡。停止冒泡用等同于参考文章之间的区别

1. preventDefault

取消默认操作，如a标签的href，click时会触发，有时需要取消默认操作。

2. stopPropagation

停止冒泡，dom的事件流和android的事件流类似。android是顶层元素分发，底层元素catch（return true），由顶层往上事件传递，叫冒泡。dom的事件分发也类似，window获取事件后分发给目标元素，目标元素传回window叫冒泡。

停止冒泡用stopPropagation.

3. retrn false

等同于

preventDefault();
stopPropagation();

4. 参考文章

preventDefault()、stopPropagation()、return false 之间的区别

云服务器 GPU云服务器 stopPropagation preventDefault false 返回false问题

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/85084.html

preventDefault,stopPropagation,return false三者的区别

摘要：与之顺序相反的是事件捕获。可以理解为是的升级版，除了阻止冒泡，还能阻止结束掉当前对象未执行的其它绑定事件方法。作者以乐之名本文原创，有不当的地方欢迎指出。参考文章之间的区别逛帖子的时候看到道友发的前端面试题， preventDefault(), stopPropagation(), return false三者的区别这三者的使用想必大家并不陌生，但是细想之下还是有可究之处。 pre...

bladefury 2019-08-20 19:05 评论0 收藏0
白话解释 Javascript事件preventDefault,stopPropagation及re

摘要：如图使用事件捕获模式注册事件监听对最外层，中间层，最内层分别用捕获模式注册事件监听，我们上面说了，如果使用捕获模式，那么第三个参数应该是，否则则是冒泡模式，如果不声明，默认为冒泡模式。来源: 个人博客想必好多童鞋都有直接复制粘贴event.preventDefault() 或者event.stopPropagation() 的经历，但是为什么这样做不甚了解，今天我们的目的就是要彻...

chanjarster 2019-08-21 15:09 评论0 收藏0
JavaScript事件探秘

摘要：一事件流事件流描述的是从页面中接受事件的顺序。级事件处理程序级事件定义了两个方法用于处理指定和删除事件处理程序的操作和。第二个方法是，它返回事件的目标。第三个方法是，用于取消事件的默认行为。首先尝试使用方法阻止事件流，否则就使用属性。一、事件流事件流描述的是从页面中接受事件的顺序。IE的事件流是事件冒泡流，而Netscape的事件流是事件捕获流 1、事件冒泡事件冒泡，即事件最开始...

shuibo 2019-08-19 17:47 评论0 收藏0
JavaScript 设计模式读书笔记(六)——门面模式

摘要：简单的门面模式实例事件绑定函数门面模式的作用是将复杂的接口进行包装，变成一个便于使用的接口。还是以事件相关为例，事件绑定中还有两个常用的分别是和。门面模式是什么，与其我去用笨拙的语言去解释，不如看下面这张图，曾经在网上很火的一张图片，说的是一位儿子为他的爸妈设置的电脑桌面。 showImg(http://segmentfault.com/img/bVcgHm); 有了这些起好名字...

pubdreamcc 2019-08-19 14:44 评论0 收藏0
焖面&适配器

摘要：门面模式焖面有两个作用一是简化类的接口二是消除类与使用他的业务代码之间的耦合他几乎是所有库的核心原则通过建立一些便利方法可以让复杂系统变得更加简单易用焖面模式可以使库提供的工具更加容易理解焖面可以简化错误记录或者跟踪页面视图统计数据这类这类门面模式焖面,有两个作用,一是简化类的接口;二是消除类与使用他的业务代码之间的耦合.他几乎是所有 JS 库的核心原则.通过建立一些便利方法可以让...

suemi 2019-08-21 14:36 评论0 收藏0