js_0">js实现复制功能:
1.原生写法
javascript"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="clickOnThe">uivydu</div>
</body>
<script>
var clickOnThe = document.getElementById("clickOnThe");
clickOnThe.onclick = function(){
var _input = document.createElement("input"); // 直接构建input
_input.value = clickOnThe.innerHTML; // 设置内容
document.body.appendChild(_input); // 添加临时实例
_input.select(); // 选择实例内容
document.execCommand("Copy"); // 执行复制
document.body.removeChild(_input); // 删除临时实例
}
</script>
</html>
2.封装
javascript"> <script>
function encapsulationClick(content){
var _input = document.createElement("input"); // 直接构建input
_input.value = content; // 设置内容
document.body.appendChild(_input); // 添加临时实例
_input.select(); // 选择实例内容
document.execCommand("Copy"); // 执行复制
document.body.removeChild(_input); // 删除临时实例
}
</script>
使用:
javascript"><body>
<div id="clickOnThe">点击复制</div>
</body>
<script>
var clickOnThe = document.getElementById("clickOnThe");
clickOnThe.onclick = function(){ //点击div触发函数
var content = clickOnThe.innerHTML //拿到div里面的内容
encapsulationClick(content) //调用封装方法,参数为div里面的内容
}
</script>
亲自测试过的,代码有效,可直接粘贴或者复制