javascript - 无法在 Three.js 中选择 div 内的文本

Question

我使用 Three.js 创建了一个 3d 交互式动画。我创建了一个位于空间中渲染对象之上的 Div。我已将 div 的 z-index 属性设置得更高，以便我可以在其中选择文本。但是，当我尝试选择文本时，会选择 div 下面的对象。我想在这里达到同样的效果:http://wiki.polyfra.me/#他有 div 元素覆盖在 3d 对象上，你可以选择文本。

Answer 1

因为它是交互式的，所以我假设您使用的是 OrbitControls。

如果是这样，请执行以下操作:

var controls = new THREE.OrbitControls(camera, renderer.domElement);

这样，OrbitControl 只有在场景顶部没有任何东西时才会工作。