为div和div内部的图像触发不同的单击事件

Question

我想触发两个不同的点击事件，一个用于点击div，另一个用于用户点击图像。但是，当用户单击图像时，div单击事件必须停止
我尝试过preventDefault和return false，但没有成功。

<div class="col-md-12 m-1 info rounded bg-light hand" id="result1" onclick="show('1')">
Text <b>textssssssss</b><br/> Description <b>desc</b>
<img src="./img/icons/magnify.png" title="Details" style="width: 32px" onclick="window.open('details.php?id=1','_blank');"/>
</div>

Answer 1

根据Geshode的建议，event.stopPropagation((有效。

<div class="col-md-12 m-1 info rounded bg-light hand" id="result1" onclick="show('1')">
Text <b>textssssssss</b><br/> Description <b>desc</b>
<img src="./img/icons/magnify.png" title="Details" style="width: 32px" onclick="window.open('details.php?id=1','_blank');event.stopPropagation();"/>
</div>