Javascript 使用“复制”按钮时删除HTML中的空白

我创建了下面的按钮来复制模板，但每次粘贴它时，它都会在周围创建空白。粘贴模板时如何删除此空间

用于按钮的代码：

<button class="btn btn-md btn-danger" onclick="copyToClipboard('#copy')">Copy Template</button>
<div id="target" contentEditable="true"></div>

复制模板

而JS：

function copyToClipboard(element) {
    var $temp = $("<textarea>");
    $("body").append($temp);
    $temp.val($(element).text()).select();
    document.execCommand("copy");
    $temp.remove();
}

功能copyToClipboard（元素）{
变量$temp=$（“”）；
$（“正文”）。追加（$temp）；
$temp.val（$（element.text（））.select（）；
文件。执行命令（“副本”）；
$temp.remove（）；
}

试试这个，您只需删除换行符/回车符即可

$temp.val($(element).text().replace(/\s+/g, '');).select();

---

如果您的意思是只在开始和结束处添加尾随空格，那么

trim

-输入您为textarea设置的值可能会起到作用。如果你说的是由contenteditable功能引入的元素间空格（？），那么它可能需要比修剪更复杂的东西。嘿，我试过了，但现在它删除了模板周围的所有空格以及单词之间的空格。对此有何建议？$temp.val（$（element.text（）.trim（）；）.select（）；