游芯沙盒»论坛 › 站务学习 › 前端知识文库 › js实现复制文本

返回列表发新帖

查看: 4140|回复: 0

[JS] js实现复制文本

515 主题	18 回帖	5 广播

积分: 263

泰拉: 22
水晶: 1
铜钥匙: 0
银钥匙: 0
金钥匙: 0

发消息

发表于 2020-6-1 12:18:00 | 显示全部楼层 |阅读模式

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div class="div">文本</div>
<div οnclick="copy('.div')">复制</div>
<script>
function copy(className){
// 创建range对象
let range = document.createRange();
// 传入需要选中的节点
range.selectNodeContents(document.querySelector(className));
var selection = document.getSelection();
// 清空选中的区域
selection.removeAllRanges();
// 添加选中区域
selection.addRange(range);
// 执行复制
document.execCommand('Copy');
}
</script>
</body>
</html>

复制代码

我自豪的选择游芯沙盒作为主页!!!

回复

使用道具举报

返回列表发新帖

关注公众号

友链申请|Archiver|手机版|小黑屋|游芯沙盒

相关侵权、举报、投诉及建议等，请发 E-mail：admin@discuz.vip

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.|陕ICP备11006283号-1

在本版发帖

关注公众号

QQ客服返回顶部