js如何阻止事件冒泡

 时间:2024-10-17 23:04:26

1、我们先在一个div里,放置一个按钮。

js如何阻止事件冒泡

2、然后使用jquery来为按钮添加事件,事件函数里就是在浏览器控制台里输出一条字符串。

js如何阻止事件冒泡

3、接着为父层div也添加一个事件,事件同样是在控制台输出信息。

js如何阻止事件冒泡

4、运行页面,我们只点击一下按钮。

js如何阻止事件冒泡

5、点击后,在控制台里看到二个事件的字符串都输出来了,表明点击按钮时,事件冒泡到div里了,触发了div的点击事件。

js如何阻止事件冒泡

6、要阻止事件冒泡很简单,我们调用e.stopPropagation()方法就行了,其中e就是事件参数。

js如何阻止事件冒泡

7、这样我们这里点击按钮后,就不会触发div的事件了,就是说事件没有冒泡到div层了。

js如何阻止事件冒泡
  • 征途2怎么结拜?教你玩转结拜系统
  • 幻世九歌战灵怎么突破
  • js二级下拉菜单怎么做
  • 冬天手脚干裂怎么办?
  • node.js怎样向文件写入内容
  • 热门搜索
    爱读书手抄报内容 快乐数学手抄报 读书的手抄报的内容 趣味数学手抄报 送别诗手抄报 俭以养德手抄报 小学安全知识手抄报 有关春天来了的手抄报 手抄报内容大全 我爱科学手抄报内容