js實現(xiàn)點擊按鈕，復制文字內容
- 核心原理
利用瀏覽器提供的copy命令，實現(xiàn)復制功能
document.execCommand("copy");
- 如果是輸入框，可以通過 select() 方法漠另，選中輸入框的文本，然后調用 copy 命令跃赚，復制文本笆搓。
注意： select() 方法只對 <input> 和 <textarea> 有效
var obj= document.getElementById("demo");
obj.select();
document.execCommand("copy");
- 非輸入框情況下，先創(chuàng)建一個臨時的input，將input的value設置為想要復制的文本內容砚作，執(zhí)行瀏覽器復制功能后窘奏，再將input刪除嘹锁。
function copy(value){
var input = document.createElement('input');
input.setAttribute('readonly', 'readonly');
input.setAttribute('value', value);
document.body.appendChild(input);
input.select();
if (document.execCommand('copy')) {
document.execCommand('copy');
}
document.body.removeChild(input);
}
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
