忽略 JavaScript 中的函数？

Question

mainDiv()当我单击 mainDiv 时，将调用该函数，当我单击 subDiv 时，将调用mainDiv()和函数。subDiv()

我只想subDiv()在单击 subDiv 时调用该函数。我怎样才能实现这个目标？

代码：

<div onclick="mainDiv()">
  show main div
  <div onclick="subDiv()">
    show sub div
  </div>
</div>
<script type="text/javascript">
  function  mainDiv(){
    alert("main div is clicked");
  }
  function  subDiv(){
    alert("sub div is clicked");
  }
</script>

Answer 1

使用e.stopPropogation()

超文本标记语言

<div onclick="subDiv(event)">  //<--- pass event parameter

java脚本

function  subDiv(e){    

   if(e.stopPropagation){  // check stoppropogation is avilable
      e.stopPropagation();  //use stopPropogation
   }else{
      e.cancelBubble = true;  // for ie8 and below
   }
   alert("sub div is clicked");
}