javascript - 一个元素内的多个点击事件

Question

我有以下 HMTL 代码:

<li>
    <img .../>
    <img .../>
    <img .../>
</li>

我想为每个元素注册不同的函数(一个用于列表项，另外三个用于图像)。我注册了所有点击事件，但是当我点击图像时，li 函数就会触发。

li.addEventListener("click",open,false);
img1.addEventListener("click",edit,false);
img2.addEventListener("click",delete,false);
img3.addEventListener("click",add,false);

我用谷歌搜索了当你将最后一个参数设置为 true 时会发生什么，但仍然没有运气。

感谢您的帮助。

Answer 1

定义函数时，停止事件传播，如下所示:

function open(e) {
   e.stopPropagation();
}

function edit(e) {
   e.stopPropagation()
}

等等...