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
中使用,因为他们不响应事件。
网友评论