三.JS -- 场景中的摄像机控件与文本框冲突

Question

请您看一下以下链接。

https://dl.dropbox.com/u/44791710/rotate/rotate.html

我在相机控件和文本框方面遇到问题。使用控件时，我无法更改文本框的值。当我删除控制线时，文本框是可编辑的。

请你检查一下。非常感谢

Answer 1

试试这个：

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

第二个参数默认为 document ，我预计这就是问题所在。

（显然，您还必须更改某些代码的顺序。

编辑：作为参考，您还可以使用此构造：

// container
container = document.createElement( 'div' );
document.body.appendChild( container );
// renderer
renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild( renderer.domElement );
//controls
controls = new THREE.TrackballControls( camera, container );

Answer 2

单击和键事件不会到达文本框。您可以删除"控件"代码中的下一行：

event.preventDefault();
event.stopPropagation();