Javascript 如何在Chrome中显示div，但使其完全非交互式

我有一个

覆盖在我的页面上，可以跟踪鼠标。但是，有时用户能够以适当的速度移动鼠标以进入跟踪

。此外，此

有时会阻止用户单击下面/后面的其他内容

在不“阻塞”或干扰底层DOM或任何DOM的情况下，以何种正确方式直观地显示此

？特别是，要阻止它干扰鼠标事件。

您可以在其上方放置一个绝对定位的

div

元素，其

不透明度

值为0

或

您可以使用jQuery：

$(function(){
    $('#divId').click(function(e){
        e.preventDefault();
        e.stopImmediatePropagation();
        e.stopPropagation();
    });
});

我个人更喜欢

opacity

方法。但那是我

---

希望帮助过的

YOU可以尝试捕获事件并使用

event.preventDefault();

这里是一个伪代码，它在没有jquery的情况下工作

var el = document.getElementById("yourdiv");
el.addEventListener("click", action, false);

function action() {
    event.preventDefault();
return false;
}

---

<>这已经是一个很好的答案，你也可以考虑CSS：

pointer-events: none;

这有效地使事件作用于div下面的项目，而不是div本身

在IE上支持这一点不是很好，但是如果你不需要IE支持，或者你有时间正确地做这件事并且包含一个有条件的回退，那么这是一个很好的方法

---

查看此以获取支持信息：

如果我理解您想要正确执行的操作，请阅读以下内容：就像我需要显示DIV一样。你是不是建议我把它的不透明度设为0？如果是这样，这肯定会在视觉上隐藏DIV？不，我建议在其上方放置一个不透明度为0的DIV。因此，隐形div将吸收点击这正是我所需要的。有趣的一+1:-）