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

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

<div onclick="doSomething()">

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

</div>

但是单击图像会同时调用doSomething()和doSomethingElse()。我只想要doSomethingElse()。

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

有任何想法吗？

最佳答案

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

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