这里的监听事件中参数加true的作用是什么?

来源:4-13 html5默认气泡修改演示

weixin_慕前端6235132

2020-05-16 21:38:36

http://img.mukewang.com/climg/5ebfecda0952fbcd06390141.jpg

写回答

1回答

好帮手慕夭夭

2020-05-17

同学你好,addEventListtener第三个参数是设置事件在捕获阶段执行,还是冒泡阶段执行。事件从里向外执行为冒泡(false,冒泡),从外向里执行为捕获(true,捕获)。看如下例子:

1、如果设置true,就是先执行父级的,再执行子级的:

http://img.mukewang.com/climg/5ec0a473098160c205010307.jpg

http://img.mukewang.com/climg/5ec0a47b096aa6bb01600096.jpg

2、如果设置false,就是先执行子级的,再执行父级的:

http://img.mukewang.com/climg/5ec0a48d09ad1fb104990345.jpg

http://img.mukewang.com/climg/5ec0a4930903521501160086.jpg

因为点击按钮后,事件是从外向里一层层捕获的,也就是先捕获到父元素,此时要阻止它的默认行为。然后继续向里捕获,再捕获到子元素。所以使用设置true,就是先执行父级的,再执行子级的。这样可以阻止父form元素默认的验证行为。

实际开发中,具体要不要设置,根据实际情况而定。如果不设置,默认就是false(大部分都是用默认的就行)。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

2

0 学习 · 6815 问题

查看课程