单击子节点时阻止调用父函数

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>

当我点击类rtPlus的范围时，ChangeActiveView会自动执行，我该怎样才能阻止它？

Answer 1

event.stopPropagation();

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

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

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