javascript - 防止单击子节点时调用父函数

Question

我有这个代码:

<li class="rtLI rtFirst rtLast"  >
   <div class="Root"><div class="rtTop" onclick="changeActiveView('1')" >
    <span class="rtSp"></span>
    <span class="rtPlus"  onclick="ExpandRoot(this,'SubMenu_1','RootElemUl')"></span>
    <span class='rtIn'>
     <img src='img1.png' />&nbsp;&nbsp;&nbsp;
     <span class='labl'  >Title</span>
   </span>
   </div></div>

   </li>

当我点击带有 classrtPlus 的范围时，ChangeActiveView 也会自动执行，我该如何防止这种情况发生？

Answer 1

event.stopPropagation();

防止当前事件进一步传播。

http://devdocs.io/dom/event.stoppropagation

将那行 JS 放入您想要工作的函数中，它将阻止事件向上冒泡通过 DOM 并到达父元素(并触发父元素的监听器)。