复制内容到剪切板

最新推荐文章于 2022-11-14 17:33:01 发布

北海军

最新推荐文章于 2022-11-14 17:33:01 发布

阅读量166

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/qq_39237755/article/details/115215931

版权

js 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

这段代码定义了一个名为`copyContent`的函数，用于复制指定的内容到剪贴板。它首先创建一个隐藏的DOM元素，将内容放入该元素，然后选中这个元素并执行复制操作。如果复制成功，会在控制台输出`successful`，否则输出`failed`。此功能有助于在网页中实现文本的便捷复制，并提供错误反馈。

摘要由CSDN通过智能技术生成

//复制文本到剪切板
function copyContent(content) {
var copyDom = document.createElement(‘div’);
copyDom.innerText=content;
copyDom.style.position=‘absolute’;
copyDom.style.top=‘0px’;
copyDom.style.right=’-9999px’;
document.body.appendChild(copyDom);
//创建选中范围
var range = document.createRange();
range.selectNode(copyDom);
//移除剪切板中内容
window.getSelection().removeAllRanges();
//添加新的内容到剪切板
window.getSelection().addRange(range);
//复制
var successful = document.execCommand(‘copy’);
copyDom.parentNode.removeChild(copyDom);
try{
var msg = successful ? “successful” : “failed”;
console.log('Copy command was : ’ + msg);
} catch(err){
console.log(‘Oops , unable to copy!’);
}
}