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

时间:2017-02-07 14:42:14

标签: javascript jquery html css

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

2 个答案:

答案 0 :(得分:0)

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

Jsfiddle:https://jsfiddle.net/awyru3LL/

祝你好运

答案 1 :(得分:0)

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



document.addEventListener('click', function(e) {
  console.log("clicked");
});

document.getElementById('disabled-mouse').addEventListener('click', function(event) {
  event.preventDefault();
  event.stopPropagation();
});

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

<div id="container">
  <div id="disabled-mouse">
  </div>
</div>
&#13;
&#13;
&#13;

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