1.设置一个input框,然后隐藏掉 opacity:0
2.点击按钮事件函数:将后端取到的值,赋值给input框里面的值,然后调用浏览器里面的2个api即可:
inputObj.select(); // 选中文本
document.execCommand("copy"); // 执行浏览器复制命令
全部代码:
html:
<div class="wrapper">
<p id="text">我把你当兄弟你却想着复制我?</p>
<textarea id="input">这是幕后黑手</textarea>
<button onclick="copyText()">copy</button>
</div>
js:
<script type="text/javascript">
function copyText() {
var text = document.getElementById("text").innerText;
var input = document.getElementById("input");
input.value = text; // 修改文本框的内容
input.select(); // 选中文本
document.execCommand("copy"); // 执行浏览器复制命令
alert("复制成功");
}
</script>