function sendMessage() { var messageInput = document.getElementById("message-input"); var messageContent = messageInput.value.trim(); if (messageContent !== "") { var messagesDiv = document.querySelector(".messages"); var messageDiv = document.createElement("div"); messageDiv.classList.add("message"); var senderDiv = document.createElement("div"); senderDiv.classList.add("sender"); var contentDiv = document.createElement("div"); contentDiv.classList.add("content", "me"); contentDiv.innerText = messageContent; messageDiv.appendChild(senderDiv); messageDiv.appendChild(contentDiv); var replyMessageDiv = document.createElement("div"); replyMessageDiv.classList.add("message"); var replyContentDiv = document.createElement("div"); replyContentDiv.classList.add("content", "reply"); replyContentDiv.innerText = '{{ backend_variable }}'; replyMessageDiv.appendChild(replyContentDiv); messagesDiv.appendChild(messageDiv); messagesDiv.appendChild(replyMessageDiv); messageInput.value = ""; messageInput.focus(); // 滚动到底部 document.querySelector('.chat-box').scrollTop = document.querySelector('.chat-box').scrollHeight; } } 这段代码有什么作用
时间: 2024-02-14 13:25:31 浏览: 99
MFC-message.rar_Mfc message_site:www.pudn.com
这段代码是一个JavaScript函数,名为`sendMessage()`。它的作用是在网页中的聊天界面中发送消息。具体功能如下:
1. 获取用户在输入框中输入的消息内容。
2. 创建一个包含用户消息的`div`元素,并添加相应的类名。
3. 创建一个包含回复消息的`div`元素,并添加相应的类名。
4. 将用户消息和回复消息的`div`元素添加到聊天界面中。
5. 清空输入框中的内容,并将焦点设置回输入框。
6. 滚动聊天界面到底部,以便用户能够看到最新的消息。
需要注意的是,这段代码中的`{{ backend_variable }}`是一个占位符,表示后端返回的回复消息。在实际使用中,你需要将该占位符替换为实际的回复消息。
阅读全文