只在父级节点中触发事件在子节点中不触发-脚本在线

首页前沿速递服务器教程网页设计教程网络编辑教程

移动端

AI智能体脚本智能办公脚本自动化游戏脚本浏览器自动化脚本服务器脚本

只在父级节点中触发事件在子节点中不触发

作者：互联网

2009-05-31

WEB标准化

只在父级节点中触发事件在子节点中不触发

注意IE和Firefox等浏览器中的event.srcElement : e.target是怎么区别的

点击运行以下代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.*w**3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.***w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> 只在父级div中触发事件在子div中不触发 </title> <style type="text/css"> div{background:#eee;margin:20px auto;border:1px solid #ccc;} div div{background:#fff;margin:40px;} #ctnr{width:500px;} #hd{height:300px;} #bd{height:200px;} </style> </head> <body> <div id="ctnr"> ctnr 该div容器包含两个div，<br />但是不让动作发生在其包含的子div里面，只在父div里面触发。 <div id="hd">hd 在这里无触发</div> <div id="bd">bd 在这里无触发</div> 动作只触发在空白的地方 </div> <script type="text/javascript">  </script> </body> </html>

相关标签:

JS技巧触发节点

上一篇：AJAX开发过程中的七宗罪下一篇：非常简单的JS代码点击之后高亮当前行

相关推荐

基于 SelectDB 实现 Hive 数据湖统一分析：洋钱罐全球一体化探索分析平台升级实践瓴岳科技是一家以大数据与人工智能为核心的数字科技集团，旗下拥有国内产品洋钱罐与印尼市场产品 Easy Cash，致力于为全球用户提供卓越的金融科技服务。截至 2025 年，公司已服务全球超 114 家

2026-04-16

立即查看

python从入门到精通-第8章: 类型系统 — Python的类型注解革命第8章: 类型系统 — Python的类型注解革命 8.1 类型注解基础 Java/Kotlin 对比 Python 实现核心差异维度 Java/Kotlin Python 类型检查时机编译期，

2026-04-16

立即查看

第2周 Day 4：英语 Agent Web 版上线：从命令行到浏览器学习目标把 Week 1 的英语 Agent 整合到 Web 版（搞定！✅）设计一个好看的前端界面(AI生成的)（搞定！✅）实现所有功能：今日单词、单词测验、造句练习、编故事（搞定！✅）加入

2026-04-16

立即查看

Envira Gallery v1.13.2 汉化版 WordPress高级图库插件 Envira Gallery能在几分钟内为网站创建漂亮的响应式照片和视频库，Envira Gallery被誉为响应速度最好的 WordPress 画廊/图库插件。Envira Gallery 主要功能拖放生成器只需单击几下即可轻松创建精美的照片和视频画廊。图库模板使用预先构建的模板来自定义您的画廊的

2026-04-16

立即查看

专题

#数据可视化

数据可视化（Data Visu

+ 收藏

#自然语言处理

自然语言处理（Natural

+ 收藏

#Excel公式

Excel公式就是：用函数 +

+ 收藏

#Excel技巧

Excel是日常生活中必不可

+ 收藏

#蛋仔派对

蛋仔派对最新官方活动、关卡速

+ 收藏

#人工智能

人工智能（AI），简单说，就

+ 收藏

最新数据

让文本框textarea自动适应内容的高度 CSS写法：overfl

CSS3的background-clip和background-origin属性简介

经验之谈！解读Div+CSS网页制作误区

抛弃后台程序与JS 用CSS实现自动截取文字

为什么我的设置的div最小高度不对

UTF8 BOM导致IE多一行空白的解决办法

CSS新手阅读的CSS技巧十则

一行、多行文本垂直居中的CSS实例说明

CSS Sprites对CSS布局的意义、优点和缺点介绍

CSS hack:区分IE6，IE7，firefox

相关文章

IE6.0下PNG透明最简洁解决方案

再谈IE6之Fixed定位

IE6.0下PNG透明最简洁解决方案

再谈IE6之Fixed定位

HTML5 WebSockets基础使用教程

ajaxSubmit插件jQuery1.4.2版JSON问题

HTML5 创建一个Web网页便利贴

关于CSS 我们是不是已经走得太远？

HTML5标记省略语法规则

HTML5标记省略语法规则

AI精选

更多

高速摩托车追逐视频提示词

高分辨率 2.5D 插画提示：带翼

高速电影级奢华甜点摄影提示（熔岩巧克力蛋糕）

复古相机女孩美学与运动后光彩瑜伽氛围提示

用于 AI 图像文本渲染的 JSON 提示模板

Strict Identity 运动服网格生成

逼真的斜倚人像，带 ControlNet 细节

Sabrina Carpenter 舞台表演魅力提示

电影级人像修复提示词

金发女郎的镜面自拍

脚本推荐

SeeDance 2.0 Video Creator专区

OpenClaw AI专区

cowork专区

claude code skills专区