'div' 中的 On-Click 'div' 执行两个 div 的事件处理程序

Question

我在 Div 中有一个 Div，我试图为两个 div 保留不同的 onClick 处理程序，但是当单击内部 div 时，两个事件处理程序都会执行并且内部 div 中的一个首先被执行，然后是 Oter div，

我不想实际执行两者。

代码：

<div style="width:100%;height:200px;background-color:yellow" onclick="alert('Div A');return false;">
 This is Div A

<div style="width:20%;height:100px;background-color:red" onclick="alert('Div B');return false;">
This is Div B
</div>
</div>

Jsfiddle：小提琴

Answer 1

只需添加event.stopPropagation();inside 的 onclick <div>。

像这样 ：

<div style="width:100%;height:200px;background-color:yellow" onclick="alert('Div A');return false;">
    This is Div A
    <div style="width:20%;height:100px;background-color:red" onclick="event.stopPropagation(); alert('Div B');return false;">
        This is Div B
    </div>
</div>