在 HTML 中输入文本框时如何让 enter 发送消息？

Question

我已经分叉了这个 repl.it https://replit.com/@templates/Socketio-Chat-Template 并且正在和朋友一起使用它，但是每次我想发送消息时都必须按“发送”按钮感觉不自然，有什么方法可以使它按 Enter像大多数聊天应用一样发送当前在框中的文本？

Answer 1

您可以使用“addEventListener”函数，该函数将在按下 Enter 键时激活按钮。例如，JavaScript 中的代码是这样的：

var sendMessage = document.getElementById("sendMessage"); // Here your text input element
sendMessage.addEventListener("keyup", function(event) {
    if (event.keyCode === 13) { // 13 is the number of Enter key on keyboard
        event.preventDefault();
        document.getElementById("sendButton").click(); // Here your button 
    }
})