javascript - javascript：另一个具有另一个功能的div中的一个div的功能

Question

我有一个嵌套的 div。子 div 在父 div 内。如何区分正确的 onClick 功能？

在这种情况下，无论我点击嵌套div的哪个位置，都只会调用父div的函数。

<div class="portfo" onclick="showValue()">
    <div id="cross" onclick="deleteValue()">
         <img src='cross.png' height='15px' width='15px' alt='some'>
    </div>
</div>

但是，showValue每当我单击子 div 时，总是会调用它。

Answer 1

我认为您的问题与Event Propogation有关。这应该可以帮助您解决它：防止事件传播

另外，delete()它是 JavaScript 中的预定义函数，你应该将其重命名为其他名称，除非你尝试使用内置函数，在这种情况下，请查看正确用法：delete

Answer 2

delete 是保留字。尝试将该函数重命名为其他名称。然后，当单击图像时，这两个事件都应该触发。首先是删除事件，然后是显示事件

Answer 3

我认为像jQuery这样的库可以帮助你。看一下.on()方法。