无法使用OrbitControls选择文本？

Question

我正在使用OrbitControls.js制作一个Three.js项目,但我意识到我无法使用OrbitControls选择(突出显示)任何文本.

这里的示例链接:http://threejs.org/examples/#misc_controls_orbit (在示例的顶部尝试选择文本"轨道控制示例",我们不能这样做)

那么,如何使用OrbitControl选择(突出显示)文本？

(或者我每次想要复制文本时都必须禁用控制？)

谢谢.

Answer 1

默认情况下,OrbitControls侦听鼠标事件document,这就是为什么不能在同一页面中使用鼠标用于其他目的,例如选择文本或打开上下文菜单.您可以通过将DOM节点指定为构造函数的第二个参数来更改此行为THREE.OrbitControls.然后OrbitControls在此DOM节点上而不是整个节点上侦听鼠标事件document.

如果你有像这样的代码

var renderer = …;
container.appendChild(renderer.domElement);
…
var controls = new THREE.OrbitControls(camera);

然后用最后一行替换

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

对于您提到的示例,您可以移动初始化controls:

controls = new THREE.OrbitControls( camera );
controls.addEventListener( 'change', render );

初始化之后renderer,并将renderer.domElement第二个参数添加到构造函数中THREE.OrbitControls.现在您可以选择页面上的文本.