javascript - 在可点击的 div 中制作图像，对操作无响应

Question

所以目前我以这种方式在 div 中有一个图像:

<div onclick="doSomething()">

   <img onclick="doSomethingElse()" src="image.png"/>

</div>

但是点击图像会调用 doSomething() 和 doSomethingElse()。我只喜欢 doSomethingElse()。

我“需要”包含包含 div“doSomething()”，所以摆脱它不是一种选择。

有什么想法吗？

Answer 1

在 doSomethingElse() 内部，调用 event.stopPropagation() .

var doSomethingElse = function(event) {
   event.stopPropagation();
   // ...
}