我想在按 Enter 时发送消息。
document.addEventListener('DOMContentLoaded', function() {
const messagesContainer = document.querySelector("#messages_container");
const messageInput = document.querySelector('[name=message_input]');
const sendMessageButton = document.querySelector('[name=send_message_button]');
let websocketClient = new WebSocket("ws://localhost:12345");
websocketClient.onopen = () => {
console.log("Client conntected!");
websocketClient.send("Hello!");
sendMessageButton.onclick = () => {
websocketClient.send(messageInput.value);
messageInput.value = "";
};
};
websocketClient.onmessage = (message) => {
const newMessage = document.createElement('div');
newMessage.innerHTML = message.data;
messagesContainer.appendChild(newMessage);
console.log(message.data);
}
document.onkeydown = () => {
if (e.keyCode === 13) {
messagesContainer.submit();
}
}
}, false);<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Version1</title>
</head>
<body>
<div id="messages_container" style="border: 2px solid"></div>
<div>
<input type="text" name="message_input">
<input type="button" name="send_message_button" value="Send message">
</div>
<div></div>
</body>
</html>我写了发送到“Enter”的代码，但没有任何反应，请帮忙
您不将事件本身传递给按钮按下事件，以便您可以读取按下的键的代码：
该属性
keyCode已弃用，应被放弃。