我想在我的所有网站中禁用鼠标点击除了中间的div。 但我不知道该怎么做,也许你这样做。
答案 0 :(得分:0)
答案 1 :(得分:0)
您需要使用addEventHandler
向div
添加事件处理程序。在处理程序内部,您需要使用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;
这只取消了鼠标左键单击。如果您需要取消其他活动,则需要为他们执行相同操作。查看鼠标事件列表:Mouse Events