Javascript 防止在单击子节点时调用父函数

我有以下代码：

<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>

标题

---

当我单击span时，class

rtPlus

ChangeActiveView也会自动执行，我如何防止这种情况发生？

event.stopPropagation（）

阻止当前事件的进一步传播


将这一行JS放在您想要使用的函数中，它将防止事件通过DOM向上冒泡并到达父元素（并触发父元素的侦听器）
 在愿望功能中，我应该使用它吗？