前端复制内容到剪贴板

本文介绍了如何使用JavaScript创建一个隐藏的文本域,将指定内容插入并选中,然后调用`document.execCommand('copy')`来实现文本的复制到剪贴板。这个方法适用于在网页上提供一键复制功能,例如复制代码片段或者重要信息。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

主要分一下几步
1、创建一个文本域节点
var textArea = document.createElement(‘textarea’);

2、把要复制的内容插入到上面创建的文本域节点里
textArea.textContent = ‘我是被复制的内容’;

3、设置创建的文本域节点style
textArea.style.position = ‘fixed’;

4、把创建的文本节点插入到body里
document.body.appendChild(textArea);

5、选择创建的文本域节点
textArea.select();

6、try {} catch() {}捕获异常
try {
document.execCommand(‘copy’); // 把要复制的内容拷贝到剪贴板
alert(‘复制成功’);
} catch(ex) {
alert(‘复制失败’);
return false;
} finally {
document.body.removeChild(textArea); // 移除插入的文本域节点
}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值