画布元素禁用

我正在使用Three.js在画布元素（普通老div）顶部的菜单上工作，但画布元素在单击或滚动div时接收输入。无论如何暂时禁用画布或与它的所有鼠标交互。画布元素禁用

目前我发现：

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

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

，但这似乎并没有对它有什么影响，我也搜索了相当长的一段时间，并不能找到一个解决方案。

在此先感谢。

来源

2014-10-02 Chris Crossman

您正在使用哪个浏览器和版本...指针事件最近实现了 – markE 2014-10-02 19:34:08

可以使用：

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

来源

2014-10-02 19:13:15 gaitat

这对问题也没有任何影响。 – 2014-10-02 19:28:53

好，我发现一种解决方案，通过将布尔上面提到的代码，然后用它作为关注的焦点是否在格或画布的指标，我我能够在事件处理程序中使用它作为操作的条件。不完全是我想到的，但它工作得很好。

来源

2014-10-02 21:51:45

画布元素禁用

回答

相关问题