保留换行符的情况下删除文本区域的内容
P粉937382230
P粉937382230 2023-08-16 11:16:01
[HTML讨论组]

在HTML/JS中,我有一个脚本,当按下回车键时,它会复制来自textarea的文本,然后删除文本。问题是,删除文本后,回车键的换行符仍然存在。我的代码如下:


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") {
        Send()
    }
}
<textarea 
    id = "textInput" 
    class = "textInput"
    rows = "1" 
    cols = "50" 
    placeholder = "在这里写入"
    onkeydown = "KeyDetection(event)"></textarea>

<p id = "sent"></p>


我尝试使用null和空字符串。我希望它能删除按下回车键产生的换行符,但没有成功。

P粉937382230
P粉937382230

全部回复(1)
P粉002546490

如果您想要在按下回车键时防止添加换行符,您可以通过使用event.preventDefault()方法来实现。这将有效地取消回车键按下事件的默认行为。

function KeyDetection(event) {
  let key = event.key;
  if (key == "Enter") {
    event.preventDefault();
    Send();
  }
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号