博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript事件冒泡和捕获模式
阅读量:4117 次
发布时间:2019-05-25

本文共 622 字,大约阅读时间需要 2 分钟。

捕获模式

1,addEventListener的第三个参数useCapture为true则为捕获模式

2,单击C时事件触发顺序为A-> B-> C

      
A
B
C

冒泡模式

1,不填充addEventListener的第三个参数为冒泡模式

2,单击C时事件触发顺序为C-> B-> A

      
A
B
C

取消冒泡

// 取消冒泡event.cancelBubble = true

1,取消冒泡后事件就不会往上层传递

2,这时只有监听C的事件被执行

      
A
B
C

本文完~

转载地址:http://rbbpi.baihongyu.com/

你可能感兴趣的文章
Binary Tree Maximum Path Sum 自底向上求解(重重重重)
查看>>
Subsets 深搜
查看>>
Subsets II
查看>>
Edit Distance 字符串距离(重重)
查看>>
Gray Code 格雷码
查看>>
对话周鸿袆:从程序员创业谈起
查看>>
web.py 0.3 新手指南 - 如何用Gmail发送邮件
查看>>
web.py 0.3 新手指南 - RESTful doctesting using app.request
查看>>
web.py 0.3 新手指南 - 使用db.query进行高级数据库查询
查看>>
web.py 0.3 新手指南 - 多数据库使用
查看>>
一步步开发 Spring MVC 应用
查看>>
python: extend (扩展) 与 append (追加) 的差别
查看>>
「译」在 python 中,如果 x 是 list,为什么 x += "ha" 可以运行,而 x = x + "ha" 却抛出异常呢?...
查看>>
浅谈JavaScript的语言特性
查看>>
LeetCode第39题思悟——组合总和(combination-sum)
查看>>
LeetCode第43题思悟——字符串相乘(multiply-strings)
查看>>
LeetCode第44题思悟——通配符匹配(wildcard-matching)
查看>>
LeetCode第45题思悟——跳跃游戏(jump-game-ii)
查看>>
LeetCode第46题思悟——全排列(permutations)
查看>>
LeetCode第47题思悟—— 全排列 II(permutations-ii)
查看>>