js阻止事件冒泡的方法

 时间:2026-04-23 02:57:31

1、如下图所示:当点击 'Click me!'时 出现的消息依次为:第三层-->第二层-->第一层,最后再跳转至百度页面

当通过JS控制阻止冒泡排序后,显示为:第三层-->跳转至百度页面

js阻止事件冒泡的方法

2、阻止方法有三种:

1、event.stopPropagation();

2、return false;

3、event.preventDefault();

3、event.stopPropagation();

事件处理过程中,阻止冒泡事件,但不会阻止默认行为(跳转至超链接)

执行结果为:弹出第三层消息,然后链接至百度页面

js阻止事件冒泡的方法

4、return false;

事件处理过程中,阻止冒泡事件,也阻止默认行为(不跳转超链接)

执行结果为:只弹出第三层消息

js阻止事件冒泡的方法

5、event.preventDefault();

事件处理过程中,不阻止冒泡事件,但阻止默认行为(不跳转超链接)

执行结果为:弹出第三层-->第二层-->第一层  不跳转至百度

js阻止事件冒泡的方法

  • 如何使用R语言中的函数排除对象中的缺失值
  • 如何使用R语言中的方法函数对变量重命名
  • spss如何将同组数据分组统计
  • 在stata中创建并使用新的变量
  • 国泰安数据库怎么查行业数据
  • 热门搜索
    西部旅游景点 五台山旅游团 九寨沟黄龙旅游攻略 平凉旅游景点大全 佛山西樵山旅游攻略 重庆金佛山旅游攻略 韩国旅游注意事项 浙江旅游景点推荐 广州白云山旅游攻略 台中旅游攻略