javascript - 无法使用 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);

在the example you mentioned的情况下，你可以移动controls的初始化:

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

在renderer初始化之后，添加renderer.domElement作为构造函数THREE.OrbitControls的第二个参数。现在您可以选择页面上的文本。