javascript - 图片url，a，img的单独点击事件

Question

如果我有这个html

<a>
<img style="display: block; width: 15px;" src="icon-07.png" alt="facebook" width="21" border="0">
</a>

是否可以在不触发点击“a”的情况下为 img 创建点击事件，反之亦然？

我需要做两个单独的处理程序，如果用户点击图像提供一个界面来改变图像，点击“a”应该提供一个界面来改变 URL。

当我使用时，对 img 的点击优先

$(*div*).on("mouseup",'a', function(e)){}
$(*div*).on("mouseup",'img', function(e)){}

非常期待您的专家建议。

问候

Answer 1

是的，您必须将事件作为参数 传递并使用stopPropagation 函数。

$('div').on("mouseup",'img', function(e){
    e.stopPropagation();
})

这种行为称为冒泡。当事件发生在某个元素上时，它首先会在该元素上运行处理程序，然后在其父元素上运行，然后一直向上在其他祖先元素上运行。