JavaScript 复制页面内容及换行

最新推荐文章于 2023-04-13 16:40:00 发布

原创最新推荐文章于 2023-04-13 16:40:00 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #copy

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的一键复制页面内容的方法，通过点击按钮即可将指定元素的内容复制到剪贴板，同时考虑了换行符的处理，极大地提高了用户体验。

点击一个按钮就能复制页面的内容对于客户来说可以节省很多的时间，复制的时候也要考虑到换行的问题，可以用\r\n。

<button onclick="copyToClip()">Copy To Clipboard</button>
function copyToClip() {
    var content = document.createElement("textarea"); 
    content.value = document.getElementById("XXXID").innerHTML;
    document.body.appendChild(content); 
    content.select();
    document.execCommand("copy"); 
    document.body.removeChild(content);
    alert("Copy successfully!");
}