document.execCommand("Copy") javascript 复制指令
<div style='opacity:0;position: absolute'>
<textarea id="biao1"></textarea>
</div>
html
$('body').on('click','.span',function(e){
copyUrl($(e.target).attr('value'))
});
点击页面某元素
function copyUrl(str){
var Url2=document.getElementById("biao1");
Url2.value=str;
console.log(Url2.value)
Url2.select(); // 选择对象
document.execCommand("Copy");
// alert("已复制好,可贴粘。");
}
实现复制一段文本(通过赋value给中间的一个input元素,来实现)
给这个dom样式style='opacity:0;position: absolute'来暴力隐藏
但是为什么用opacity呢?
opacity=0 visibility=hidden display=none
| CSS | 是否改变页面布局 | 是否响应事件 |
|---|---|---|
| opacity=0 | NO | YSE |
| visibility=hidden | NO | NO |
| display=none | YES | NO |
因此document.execCommand("Copy")指令使用,不能在visibility=hidden和display=none中使用,因为他们不响应事件。