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中创建并使用新的变量
  • 国泰安数据库怎么查行业数据
  • 热门搜索
    椒盐虾怎么做 隆鼻手术怎么样 无线网卡怎么用 微信群怎么设置管理员 油烫伤后怎么处理 网上银行怎么开通 阴道干涩怎么办 大腿粗怎么减 else怎么读 干咳怎么回事