忽略JavaScript中的函数？

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

显示主分区
显示子分区
函数mainDiv（）{
警报（“单击主div”）；
}
函数subDiv（）{
警报（“单击子分区”）；
}

您可以在除IE8（以及同一公司的旧浏览器）之外的所有浏览器中使用。但如果您希望兼容，则应使用以下解决方案：

函数细分v（e）{
e、 取消气泡=真；
如果（e.stopPropagation）e.stopPropagation（）；
警报（“单击子分区”）；
}

---

使用

e.stopPropogation（）

HTML

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

试试这个

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

      }
</script>

显示主分区
显示子分区
函数mainDiv（）{
警报（“单击主div”）；
}
函数subDiv（arg）{
arg.stopPropagation（）；
警报（“单击子分区”+arg）；
}

要支持IE 8及更低版本，请使用arg.cancelBubble

<script type="text/javascript">
function mainDiv() {
    alert("main div is clicked");
}
function subDiv(e) {
    if (!e)
        e = window.event;

    //IE9 & Other Browsers
    if (e.stopPropagation) {
        e.stopPropagation();
    }
    //IE8 and Lower
    else {
        e.cancelBubble = true;
    }
    alert("sub div is clicked");

}

函数mainDiv（）{
警报（“单击主div”）；
}
函数细分v（e）{
如果（！e）
e=窗口事件；
//IE9和其他浏览器
如果（如停止播放）{
e、 停止传播（）；
}
//IE8及以下
否则{
e、 取消气泡=真；
}
警报（“单击子分区”）；
}

---

对于内联事件，他将无法将事件对象作为参数使用。stopPropagation在IE8中不可用。我没有在IE8中测试，在其他浏览器中也可以使用，我希望IE8也会这样，谢谢：）不用担心。。。它会。。。无论如何，谢谢。。。很高兴这对我有帮助。。。快乐编码…）stopPropagation在IE8中不可用。请将cancelBubble（）用于IE8及更低版本

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

      }
</script>

<script type="text/javascript">
function mainDiv() {
    alert("main div is clicked");
}
function subDiv(e) {
    if (!e)
        e = window.event;

    //IE9 & Other Browsers
    if (e.stopPropagation) {
        e.stopPropagation();
    }
    //IE8 and Lower
    else {
        e.cancelBubble = true;
    }
    alert("sub div is clicked");

}