js阻止事件冒泡的方法

 时间:2026-02-13 16:59:05

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中创建并使用新的变量
  • 国泰安数据库怎么查行业数据
  • 热门搜索
    旅游网站有哪些 河源旅游景点大全 佛山旅游攻略 深圳好玩的旅游景点 欧洲旅游指南 巴塞罗那旅游攻略 江苏旅游景点介绍 山西太原旅游景点 6月去哪里旅游最好 湖北旅游局