gpt4 book ai didi

Javascript 将 html 格式的

标签复制到剪贴板

转载 作者:太空宇宙 更新时间:2023-11-03 20:28:06 24 4
gpt4 key购买 nike

我正在尝试使用 javascript 从 p 标记复制所有内容。它有效,但它会将文本复制到一长行文本中。我希望它使用中断标记以格式复制,就像有人像这样使用鼠标复制/粘贴一样:

当前时间::

找到时间::

环境温度:°C

注意事项:

频率:

可重现吗?”

非常感谢您的帮助。

  <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
<h2>Documentation Sheet</h2>

<p id="p1">
Current Time: :<br>
Time Found: :<br>
Ambient Temp: °C<br>
<br>
<br>
Notes:
<br>
<br>
Frequency:<br>
Reproducible?
</p>

<button onclick="copyToClipboard('#p1')">Copy text</button>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

</body>

<script>

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

最佳答案

可以编写一个函数来执行此操作:

function copyToClipboard(id) {
var from = document.getElementById(id);
var range = document.createRange();
window.getSelection().removeAllRanges();
range.selectNode(from);
window.getSelection().addRange(range);
document.execCommand('copy');
window.getSelection().removeAllRanges();
}

注意:我的解决方案不需要 jQuery,并将文档 ID 作为输入,所以不要忘记省略“#”!

只需按如下方式使用它:

 <button onClick="copyToClipboard('p1')">Copy text</button>

关于Javascript 将 html 格式的 <p> 标签复制到剪贴板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49247129/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com