0

我是编程新手，我正在构建它以帮助我复制粘贴常见笔记和内容，这是我在工作中必须做的很多事情。请在此处查看程序 https://jsbin.com/ruvodipomi/edit?html,js,output

<html>
<button onclick="copyToClipboard('#p1')">Hello</button><br>

   <p id="p1">Hello<br> World</p>

   <textarea cols="80" rows="25"></textarea>

</html>

<script>

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

</script>

因此，如果您单击“Hello”按钮，它会将“Hello World”保存在剪贴板中。通过这种方式，我可以制作包含多个笔记的多个按钮，这将使我的工作更轻松，而不是从某个文档中复制它们。

问题是，我无法在元素中换行例如，我希望保存
“Hello World”而不是在剪贴板中保存“Hello
World”
但是我无法通过使用<br> <br /> <\n>
它来做到这一点对于程序来处理中断或至少通过标签接受它们。

我相信它与Java函数有关？但我不明白。

你能看看吗？非常感谢^^

4

1 回答 1

0

获取标签html()_p

全部替换<br>为\n

创建textarea和复制：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button onclick="copyToClipboard('#p1')">Hello</button><br>

   <p id="p1">Hello<br> World</p>

   <textarea cols="80" rows="25"></textarea>


<script>

function copyToClipboard(element) {
  var $temp = $("<textarea>");
  $("body").append($temp);
  $temp.val($(element).html().toString().replace(/\<br\>/gi,"\n")).select();
  document.execCommand("copy");
  $temp.remove();
}

</script>

于 2019-12-08T09:07:53.343 回答