javascript - Three.js 的输入标签不起作用

Question

我目前正在使用 Three.js 开发一款游戏。我使用的是 Web GL 渲染器，它占据了整个浏览器窗口。现在我想做一个聊天框，所以我在里面放了一个输入标签，如下所示

<input id="chatMessageDiv" type="text" value="Message..."></input>

以及 CSS

#chatMessageDiv {
    position: absolute;
}

我的问题是我无法单击输入表单来更改消息。光标变为文本图标，但当我单击时什么也没有发生。

我尝试将输入 z-index 更改为 1，但这也不起作用。我真的不想添加轨道 Controller 或轨迹球 Controller 。

Answer 1

看来你的问题还没有解决。您的输入字段没有反应的原因可能是有一个 event.preventDefault() 阻止了它。