相关疑难解决方法(0)

什么是事件冒泡和捕获?

事件冒泡和捕获之间有什么区别?在这两个中,哪个是更快更好的模型?

javascript event-bubbling dom-events

982
推荐指数
7
解决办法
37万
查看次数

如何阻止div中的onclick事件传播到文档?

我想停止将div的onclick事件传播到文档中?当用户点击"div"时,两个警报都会出现:1)div的警报和2)文档的警报.我想压制文档警报.

我知道如何使用addEventListener来实现它,但还有另一种方法吗?下面的问题是我不知道如何得到事件 - 我尝试了"event = element.onclick",如下所示,但这不起作用.我如何参加活动?

<head>
<script>
  function showMenu(element) {
      alert("div clicked");
      event = element.onclick;  // HOW TO GET HOLD OF THE EVENT?
      // Don't propogate the event to the document
      if (event.stopPropagation) {
          event.stopPropagation();   // W3C model
      } else {
          event.cancelBubble = true; // IE model
      }
  }

  document.onclick = function() {
      alert('document clicked');
  };
</script>
</head>

<body>
  <div id="foodmenu" onclick="showMenu(this);">Click inside this div</div>
  or click outside the div.
</body>
Run Code Online (Sandbox Code Playgroud)

javascript

17
推荐指数
1
解决办法
4万
查看次数

标签 统计

javascript ×2

dom-events ×1

event-bubbling ×1