You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

HTML/JS中清空textarea内容后仍残留换行符的问题

解决textarea按下Enter清空后残留换行的问题

问题根源是浏览器默认行为未被阻止:按下Enter键时,你的代码触发了清空操作,但浏览器会默认给textarea插入换行符,这个动作在清空代码之后执行,最终导致换行残留。

只需在检测到Enter键时,阻止浏览器的默认行为就能解决:

修改后的JavaScript代码:

function Send() {
    let lastText = document.getElementById("textInput").value;
    document.getElementById("sent").innerHTML = lastText;
    document.getElementById("textInput").value = "";
}

function KeyDetection(event) {
    let key = event.key;
    if (key === "Enter") {
        event.preventDefault(); // 阻止浏览器默认添加换行的行为
        Send();
    }
}

HTML部分无需改动,保持原有结构即可。

内容的提问来源于stack exchange,提问作者Awesome Wyvern

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.13 16:12:36