Question

我正在使用Three.js创建一个项目，在canvas元素（plain old div）上面有一个菜单，但是当单击或滚动div时，canvas元素会接收输入。无论如何，暂时禁用画布或所有鼠标与它的交互。

目前我发现：

$('.submenu').on("mouseenter", function(event){
    $("#canvas").css("pointer-events", "none");
});

$('.submenu').on("mouseleave", function(event){
    $("#canvas").css("pointer-events", "");
});

但这似乎没有任何影响，我也搜索了很长时间，但找不到解决方案。

提前致谢。

Answer 1

您可以使用：

$('.submenu').mousedown (function (event) { event.preventDefault(); event.stopPropagation(); });

Answer 2

好的，我找到了一个解决方案，通过在上面提到的代码中添加一个布尔值，然后使用它作为焦点是在div还是画布上的指示器，我可以在事件处理程序中使用它作为一个条件为了操作。不完全是我的想法，但它运作得相当好。

画布元素禁用

2 个答案: