原生js实现复制浏览器内容

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>Document</title>
</head>

<body>
<div id="con">需要复制的文字</div>
<br>
<input type="button" name="" value="点击复制" onclick="copyToClipboard('con')">
<br>
<br>
<input type="text" name="" placeholder="粘贴到这里试试">
</body>
<script>

function copyToClipboard(elementId) {
// 创建元素用于复制
var aux = document.createElement("input");

// 获取复制内容
var content = document.getElementById(elementId).innerHTML || document.getElementById(elementId).value;

// 设置元素内容
 aux.setAttribute("value", content);

// 将元素插入页面进行调用
 document.body.appendChild(aux);

// 复制内容
 aux.select();

// 将内容复制到剪贴板
 document.execCommand("copy");

// 删除创建元素
 document.body.removeChild(aux);

//提示
 alert("复制内容成功：" + aux.value);
 }
</script>

</html>
秒客网

原生js实现复制浏览器内容

相关文章
