Question

我想在我的所有网站中禁用鼠标点击除了中间的div。但我不知道该怎么做，也许你这样做。

Answer 1

如果我理解正确的问题，您只需要使用event.stopPropagation();

祝你好运

Answer 2

您需要使用addEventHandler向div添加事件处理程序。在处理程序内部，您需要使用event.preventDefault()来取消要取消的事件的默认行为，并使用event.stopPropagation()来阻止事件冒泡到父元素。在下面的示例中，如果您点击红色方块，它将打印“点击”。如果你在广场内点击，没有任何反应：

＆＃13;

document.addEventListener('click', function(e) {
  console.log("clicked");
});

document.getElementById('disabled-mouse').addEventListener('click', function(event) {
  event.preventDefault();
  event.stopPropagation();
});

＆＃13;

#disabled-mouse {
  margin: 20px;
  width: 50px;
  height: 50px;
  background-color: red;
}

＆＃13;

<div id="container">
  <div id="disabled-mouse">
  </div>
</div>

＆＃13;

这只取消了鼠标左键单击。如果您需要取消其他活动，则需要为他们执行相同操作。查看鼠标事件列表：Mouse Events

禁用鼠标点击屏幕的一部分

2 个答案: