首页 >web前端 >js教程 > 正文

JavaScript如何处理事件冒泡

原创2021-07-21 11:05:350934

在JavaScript中,可以使用event.stopPropagation()方法处理事件冒泡。event.stopPropagation()方法阻止事件冒泡到父元素,阻止任何父事件处理程序被执行。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

给Dom元素添加事件时,有时候会遇到事件冒泡,处理方法如下:

执行 event.stopPropagation 阻止事件冒泡

$("#Tab1 .close").live("click", function (event) {
droptab(this);//业务逻辑处理函数 
event.preventDefault();
event.stopPropagation();
return false;
});

event.stopPropagation() 方法阻止事件冒泡到父元素,阻止任何父事件处理程序被执行。

提示:请使用 event.isPropagationStopped() 方法来检查指定的事件上是否调用了该方法。

【推荐学习:javascript高级教程

以上就是JavaScript如何处理事件冒泡的详细内容,更多请关注php中文网其它相关文章!

php中文网直播班

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:JavaScript
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • JavaScript基础入门及设计模式视频教程JavaScript基础入门及设计模式视频教程
  • JavaScript OOP调试技巧视频教程JavaScript OOP调试技巧视频教程
  • JavaScript极速入门_玉女心经系列JavaScript极速入门_玉女心经系列
  • JavaScript对象与常用设计模式JavaScript对象与常用设计模式
  • JavaScript—极速入门JavaScript—极速入门
  • 视频教程分类