阻止事件捕获的方法

 时间:2026-02-14 00:46:36

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( "你点我了" );

    event.stopImmediatePropagation();

}, True);

这里用stopImmediatePropagation可以阻止事件捕获,而且不会冒泡。

阻止事件捕获的方法

阻止事件捕获的方法

6、button.addEventListener("click", function(e){

    alert( "你点我了" );

    e.stopImmediatePropagation();

}, True);

这里函数里面的参数名字改了还是一样可以阻止事件的捕获。

阻止事件捕获的方法

  • 真三国无双6无法运行,提示错误解决办法
  • Win10中如何进入防火墙的高级设置
  • eclipse中如何为web项目配置xml部署文件?
  • VS2013未处理SqlException
  • VB如何添加Data数据控件
  • 热门搜索
    大众旅游时代 杭州旅游景点介绍 新西兰旅游景点 贡嘎山旅游攻略 广宁竹海大观旅游区 常熟旅游网园林卡充值 百度旅游攻略网 三亚旅游景点地图 端午节去哪里旅游 上海旅游节半价景点