如何让父节点点击的事件,在点击子节点的时候也能触发

卡卡的喵 2018-06-11 10:24:55

黑色区域是父节点,红色区域是子节点,
类似这种结构<div>父节点<div>子节点</div></div>,
父节点有个onclick事件,但现在点击子区域的时候,无法触发这个事件,按理来说子节点的区域是在父节点里面的,点击父节点的区域应该是能触发这个事件的,现在点击红色区域却无法触发事件,
有什么办法吗?
...全文
1436 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
卡卡的喵 2018-06-12
  • 打赏
  • 举报
回复
引用 4 楼 qq_18713969 的回复:
正常情况下点击红色部分是也有效果的,除非你的红色部分设置了阻止事件冒泡的,既然你说没有,那就贴出代码来看看吧。
我知道问题了,因为父节点的onclick事件是传入一个this参数的,所以子节点点击的时候无法把this也传入,所以没法触发了,不知道这样解释通不通
卡卡的喵 2018-06-12
  • 打赏
  • 举报
回复
引用 3 楼 jslang 的回复:
这种情况应该不可能啊,除非子元素事件中停止了事件冒泡,或者两个元素本就不是父子关系
红色部分是一个bootstrap的i标签<i class="icon-minus-sign" style="color:#63c7fe;margin-left:2px"></i> 难道bootstrap默认是阻止冒泡了?
ambit_tsai-微信 2018-06-11
  • 打赏
  • 举报
回复
你的子节点是不是监听了click事件,然后click触发时阻止了事件传播到父节点?
qq_18713969 2018-06-11
  • 打赏
  • 举报
回复
正常情况下点击红色部分是也有效果的,除非你的红色部分设置了阻止事件冒泡的,既然你说没有,那就贴出代码来看看吧。
天际的海浪 2018-06-11
  • 打赏
  • 举报
回复
这种情况应该不可能啊,除非子元素事件中停止了事件冒泡,或者两个元素本就不是父子关系
卡卡的喵 2018-06-11
  • 打赏
  • 举报
回复
引用 1 楼 ambit_tsai 的回复:
你的子节点是不是监听了click事件,然后click触发时阻止了事件传播到父节点?
子节点上没有事件

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧