Three.js HTML菜单交互

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

有没有办法让我指定div作为阻止某种方式，所以它会采取鼠标操作之前，视口抓住他们？

取决于你如何控制摄像机（？THREE.OrbitControls或别的东西）和DOM，您可以尝试在拖动期间禁用控制或防止_mousedown_事件，发起的传播拖动。你能通过一个简单的例子重现你的问题，或者提供你的实现的精确性吗？ – Volune 2014-08-31 16:33:36

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

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

2014-08-31 16:37:12 mrdoob

美丽。再次感谢MrDoob。 – 2014-08-31 17:56:13

回答