46 lines
1.4 KiB
JavaScript
46 lines
1.4 KiB
JavaScript
function sendMessage() {
|
||
const input = document.getElementById('userInput');
|
||
const chatArea = document.getElementById('chatArea');
|
||
const text = input.value.trim();
|
||
|
||
if (!text) return;
|
||
|
||
// 显示用户消息
|
||
const userMsg = document.createElement('div');
|
||
userMsg.className = 'message user';
|
||
userMsg.innerHTML = `
|
||
<div class="bubble">${text.replace(/\n/g, '<br>')}</div>
|
||
<div class="avatar">👤</div>
|
||
`;
|
||
chatArea.appendChild(userMsg);
|
||
|
||
// 清空输入框
|
||
input.value = '';
|
||
|
||
// 模拟知秋回复（后续接入真实API）
|
||
setTimeout(() => {
|
||
const botMsg = document.createElement('div');
|
||
botMsg.className = 'message bot';
|
||
botMsg.innerHTML = `
|
||
<div class="avatar">💙</div>
|
||
<div class="bubble">收到！知秋正在处理中...🌊<br>(API接入后这里会显示真实回复)</div>
|
||
`;
|
||
chatArea.appendChild(botMsg);
|
||
chatArea.scrollTop = chatArea.scrollHeight;
|
||
}, 500);
|
||
|
||
chatArea.scrollTop = chatArea.scrollHeight;
|
||
}
|
||
|
||
function clearInput() {
|
||
document.getElementById('userInput').value = '';
|
||
}
|
||
|
||
// 支持 Ctrl+Enter 发送
|
||
document.addEventListener('DOMContentLoaded', () => {
|
||
document.getElementById('userInput').addEventListener('keydown', (e) => {
|
||
if (e.ctrlKey && e.key === 'Enter') {
|
||
sendMessage();
|
||
}
|
||
});
|
||
}); |