javascript - 忽略 JavaScript 中的函数?

标签 javascript html

<分区>

当我点击 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>

最佳答案

使用e.stopPropogation()

HTML

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

javascript

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");
}

关于javascript - 忽略 JavaScript 中的函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15271007/

相关文章:

javascript - querySelectorAll 和 getElementsBy* 方法返回什么?

javascript - symfony2 + javascript 框架

javascript - 保持 td 的元素底部

javascript - 响应式 HTML 表单

javascript - 我可以使用 Knockout 将绑定(bind)应用于多个 DOM 元素吗?

javascript - 如何通过javascript插入对象?

javascript - 从 TypeScript 中的另一个文件导入类

Javascript 事件监听器让我困惑

javascript - 我如何检测(并纠正?)跨浏览器的各种滚动条可见性?

html - CSS 多浏览器中的 Aqua 按钮