我正在使用单独的div来容纳一堆较小的div，每个div用作文本标签。一切都应该放在WebGL画布上面。
我希望这些标签onmouseover能够触发鼠标悬停和鼠标输出事件，但我尝试了一些不同的方法，但仍然无法触发这些事件。
使用Chrome中的开发者控制台我可以看到这些功能已分配给onmouseout和script属性，但从不会调用它们。
这是一个codepen，其中包含完整的html，js和css，我从Damien Clarke分叉并进行了非常轻微的修改。我希望将鼠标悬停在标签上时会将内容打印到控制台，但没有任何反应
答案 0 :(得分：1)
您的标签样式表中有pointer-events: none;。因此他们没有发生任何事件。
您可以在正确的事件处理程序中获得pointer-events: none与preventDefault的大部分效果。 （您可能需要修改正在使用的标准Three.js OrbitControl来获得您想要的确切行为。）