一、实现原理
浏览器提供了copy命令,将选中内容复制到剪切板
document.exeCommand("Copy");
二、实例
select()方法只对<input>和<textarea>有效
所以,如果要对普通文本进行复制,再将文本内容复制给<input>或<textarea>,复制成功后将该标签隐藏,从而实现复制
<script type="text/javascript">
function copytxt() {
var txt = document.getElementById("copy").innerText; //获取需要复制内容
var Input = document.createElement("input"); //使用createElement()创建 input 元素
Input.value = txt; //将内容赋值给 input 的 value
document.body.appendChild(Input); //添加 input 元素
Input.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
Input.style.display = "none"; //隐藏 input 元素alert('复制成功');
}
</script>
<!-- 将onClick="copytxt()"时间添加到文本所在的DOM,可实现点击文字复制 -->
<div id="copy">12345678</div>
<!-- 本案例为点击按钮复制 -->
<input type="button" onClick="copytxt()" value="点击复制" />