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
相关产品推荐
相关产品推荐

