时间戳

首页 > 解决方案 > 分隔线内的图像继承点击

javascript - 分隔线内的图像继承点击

问题描述

考虑以下标记：

<div id="div4" onClick="redirect()">
  <img id="img4" onClick="moveToLeft()" />
</div>

有一个名为 的分隔符div4，它是可点击的，它会将您带到诸如http://google.com之类的链接，在其中，有一个名为 的图像img4，单击时我想将其移动到左侧，但单击它会起作用就像您单击分隔线一样，并带您进入链接。有没有什么办法解决这一问题？？

标签： javascripthtml

解决方案

您可以使用stopPropagation点击事件来阻止点击冒泡到 div4，如下所示：

// img4 should be reference to the DOM node
img4.addEventListener('click', (event) => event.stopPropagation())

推荐阅读