Three.js HTML菜单交互

Question

我正在制作一个放在Three.js视口上的HTML菜单，但我无法与菜单进行可靠的交互。我可以点击我的<input type="range">滑块和其他元素，但是如果没有Orbital相机自动移动鼠标，我就无法拖动。

我有没有办法将div指定为某种方式阻塞，所以它会在视口抓取之前采取鼠标操作？

Answer 1

如果未将div传递给控件，​​则会将侦听器添加到文档中。试试这个：

new THREE.OrbitControls( camera, renderer.domElement );