前端实现复制功能
html代码:
<p class="strp">
<span class="strs0" id="strs0">这里是被复制的内容</span>
<span class="strs1">|</span>
<span class="strs2">复制</span>
</p>
javaScript代码:
//TODO 复制文本
$(".strs2").click(function(){
var strs0=document.getElementById("strs0").innerText;
var textBox = document.createElement('input');
textBox.value = strs0;
document.body.appendChild(textBox);
textBox.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
textBox.className = 'textBox';
textBox.style.display='none';
alert('复制成功');
})