手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

阻止事件捕获的方法

时间:2024-10-13 03:58:52

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

阻止事件捕获的方法

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

阻止事件捕获的方法
阻止事件捕获的方法

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

阻止事件捕获的方法

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

阻止事件捕获的方法
阻止事件捕获的方法
阻止事件捕获的方法

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

阻止事件捕获的方法
阻止事件捕获的方法

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

阻止事件捕获的方法
© 手抄报圈