养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

阻止事件捕获的方法

时间:2024-10-17 21:21:00

阻止事件捕获的方法。捕获事件是javascript里面一个很常见的方法,然后阻止事件捕获则是另外的方法了,这里教大家如何阻止捕获并且阻止事件的冒泡。

阻止事件捕获的方法

工具/原料

sublimetext3编辑器

Chrome浏览器

方法/步骤

1、打开sublimetext3编辑器,新建一个html文档。设定一下HTML的基本架构。

阻止事件捕获的方法

2、<buttonid="button">点击一下</button>创建一个按钮,用于捕获事件。

阻止事件捕获的方法

阻止事件捕获的方法

3、<scriptsrc="index.js"></script>创建一个js文档,并且与HTML文档进行关联。

阻止事件捕获的方法

4、varbutton=document.g娣定撰钠etElementById("button"稆糨孝汶;);button.addEventListener("click",function(){alert("你点我了");});这里设置一个变量,然后加上事件的获取,点击一下,就会有弹窗。

阻止事件捕获的方法

阻止事件捕获的方法

阻止事件捕获的方法

5、but隋茚粟胫ton.addEventListener("click",function(event){alert(&鳎溻趄酃quot;你点我了");event.stopImmediatePropagation();},True);这里用stopImmediatePropagation可以阻止事件捕获,而且不会冒泡。

阻止事件捕获的方法

阻止事件捕获的方法

6、button.addEventListener("click",function(e){alert("你点我了");e.stopImmediatePropagation();},True);这里函数里面的参数名字改了还是一样可以阻止事件的捕获。

阻止事件捕获的方法

© 一点知识