textbox - 三.JS——场景中与文本框冲突的Camera控件

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();