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中创建并使用新的变量
  • 国泰安数据库怎么查行业数据
  • 热门搜索
    扫黑除恶手抄报内容 黑白手抄报 小学生清明节手抄报 六一儿童节手抄报图 父亲节手抄报 元宵手抄报 消防安全知识手抄报 心理健康手抄报大全 有关安全的手抄报 手抄报设计大全