什么是浏览器的默认事件(浏览器事件触发过程)(浏览器的事件机制)

5.@click='demo '和@click='demo '的效果一致,但后者可以传递参数。

image-20220624224348996

?嗯?第二阶段:防止事件冒泡;

?嗯?3.once:事件只触发一次。

?嗯?5.self:仅当event.target是当前操作的元素时才会触发事件。

什么是浏览器的默认事件?

跳a标签

提交表格表格

在网页上右键单击单机时,将出现菜单

一般来说,我点击这个A标签就会跳转到百度,他不是我们想象的样子。

img

img

直接上传代码

如果可以看到Div和button,并且设置了点击事件,stop:阻止事件冒泡到底是什么?下面的说明

我点击里面的button基础好的合伙人。你会发现会发生两次弹出。那这是为什么呢?

因为发生了泡沫事件

image-20220625212756610

可以看到发生了两次弹匣

img

当我们点击确认时,第二个提示框出现了。

img

这可能不适用于某些场景。那么,怎么能只发送一次弹匣呢?

毫无疑问,那就是我们的下面。让我们看看追加后的执行效果!

image-20220625213512386

执行效果

image-20220625213535282

字面意思只触发一次

img

这是我们已经多次点击的结果

img

所有的工作都点击最里面的儿子。

先看代码

img

img

加在儿子身上

img

img

加在爸爸身上

image-20220625215706811

结果:

image-20220625215740056

摘要:

1.泡沫从里往外冒,捕获从外向内抓。

2.捕获存在时,首先从外到内捕获,剩下的是从内到外冒泡输出。


1a

发表评论

Copyright 2002-2022 by 艾斯畜牧养殖网(琼ICP备2022001899号-3).All Rights Reserved.