画布元素禁用答案

【问题标题】：Canvas Element Disabling画布元素禁用
【发布时间】：2014-11-27 20:21:33
【问题描述】：

我正在使用 Three.js 开发一个项目，该项目在 canvas 元素（普通的旧 div）顶部有一个菜单，但 canvas 元素在单击或滚动 div 时接收输入。无论如何要暂时禁用画布或与其进行所有鼠标交互。

目前我发现：

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

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

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

提前致谢。

【问题讨论】：

您使用的是哪个浏览器和版本...指针事件是最近才实现的

标签： jquery html css canvas three.js

【解决方案1】：

你可以使用：

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

【讨论】：

这对问题也没有任何影响。

【解决方案2】：

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

【讨论】：