Card image cap

技术最新资讯

技术频道

多个 div 的 onclick 控制

外层 <div> 有 onclick 事件代码，里面嵌套着其他 <div> 不希望执行外层 <div> 的 onclick，该怎么办？

嵌套 Div 的 onClick 点击问题：

<div onclick="window.open('https://commandnotfoudn.cn')">
  <img src="..." />

  ...

  <div>
    这里的 DIV 不希望执行最外层的 onclick .
  </div>
</div>

嵌套的子 Div 不希望执行外层 onClick，加入下面代码：

onclick="event.cancelBubble = true" 或者 event.stopPropagation();

最终代码：

<div onclick="window.open('https://commandnotfoudn.cn')">
  <img src="..." />

  ...

  <div  onclick="event.cancelBubble = true" >
    这里的 DIV 不希望执行最外层的 onclick .
  </div>
</div>

Event.cancelBubble 扩展阅读：

CommandNotFound ⚡️ 坑否 - 其他频道扩展阅读：

发表评论