javascript - 选择文本时不要触发 onfocus？

Question

我正在编写一个 JavaScript 聊天应用程序，但我遇到了一个小问题。

这是 HTML 结构:

<div id="chat">
    <div id="messages"></div>
    <textarea></textarea>
</div>

当用户点击/聚焦聊天框时，我希望文本框自动聚焦。我在聊天框上有这个 onfocus 处理程序:

chat.onfocus = function () {
    textarea.focus();
}

这行得通，但问题是在 Firefox 中，这使得无法在消息 div 中选择文本，因为当您尝试单击它时，焦点会转移到 文本区域。我怎样才能避免这个问题？

(半相关问题:在 Chrome 中，textarea.focus() 似乎不会将键盘焦点转移到 textarea；它只会突出显示框。 IE8 在点击时似乎根本不响应 onfocus，即使设置了 tabindex。知道为什么吗？)

Answer 1

如果您改用鼠标弹起事件会怎样。然后检查用户是否选择了任何内容，如果没有，则给予 textarea 焦点。这有意义吗？

关于跨浏览器问题，您可以查看 jQuery 或其他 javascript 库。如果您不打算使用它，则不需要全部内容，但您可以获取其中的部分以使焦点在所有浏览器中工作。