首页 > 试题广场 >

事件捕获与事件冒泡的区别是什么?如何阻止事件的默认行为,以及

[问答题]

事件捕获与事件冒泡的区别是什么?如何阻止事件的默认行为,以及如何阻止事件冒泡?

8月顺利上岸

事件捕获：是一种自顶向下的事件类型，从DOM层次的顶端沿着子节点依次向下延伸，直到目标节点。

事件冒泡：和事件捕获正好相反，从目标节点开始沿着父节点逐层向上传播。

W3C中阻止事件默认行为：e.preventDefault()方法，阻止事件冒泡：e.stopPropogation()方法

IE中，阻止事件默认行为：event.returnValue=false ,阻止事件冒泡：event.cancelBubble=true

发表于 2019-03-20 15:06:04 回复(0)

necoder0101

事件冒泡，事件最开始由文档中嵌套层次最深的节点接收，然后逐级向上传播到较不具体的节点。（如div--body--html--document）

事件捕获，文档中嵌套层次最深的节点最晚接收到事件。（如document--html--body--div）

阻止事件默认行为preventDefault

阻止事件冒泡stopPropagation

发表于 2019-03-09 15:27:27 回复(0)

frontWhite

IE中提供的是，cancelBubble属性，默认为false，当它设置为true时，就是阻止事件冒泡，也是用event对象在事件函数中调用.

阻止默认行为

DOM中提供preventDefault()方法来取消事件默认行为，但是只有当cancelable属性设置为true的事件，才可以使用preventDefault()来取消事件默认行为，使用event对象在事件函数中调用就行。

IE中提供的是returnValue属性，默认为true，当它设置为false时，就是取消事件默认行为，也是用event对象在事件函数中调用。

发表于 2019-01-22 11:43:22 回复(0)

提交观点

问题信息

前端工程师乐信

来自：2019校园招聘前端开...

上传者：小小

难度：

3条回答 43收藏 3000浏览

扫一扫，把题目装进口袋