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中创建并使用新的变量
  • 国泰安数据库怎么查行业数据
  • 热门搜索
    文明出行手抄报内容 我爱阅读手抄报内容 英语中秋节手抄报 爱读书手抄报 中国梦我的梦手抄报内容 喜迎国庆手抄报 手抄报的边框 读书的手抄报图片大全 感恩妈妈手抄报内容 做文明小学生手抄报