一、起初是使用浏覽器提供了 copy 指令 。document.execCommand("copy")
如果是輸入框,可以通過 select() 方法,選中輸入框的文本,然後調用 copy 指令,将文本複制到剪切闆。但是 select() 方法隻對 和 有效,對于
就不好用了
function copyUrl() {
$("#copyinput").select(); // 選擇對象
document.execCommand("Copy"); // 執行浏覽器複制指令
alert("已複制到剪貼闆!");
}
但是#copyinput不能隐藏(display:none or visibility:hidden or type="hidden"),我想要的是點選一個按鈕就能複制隐藏控件的值。是以找到了clipboard.js 優秀!
二、clipboard.js
拷貝文字不應當是一件困難的事. 不需要過多繁雜的配置或者下載下傳很多腳本檔案. 最重要的,它不應該依賴flash或者其他架構,應該保持簡潔
這就是創造clipboard.js的原因和目的
複制
var clipboard = new Clipboard('.copybng', {
text: function() {
return $("#cardmal").val();
}
});
clipboard .on('success', function(e) {
alert('已複制到剪貼闆')
})
附件下載下傳:
連結:https://pan.baidu.com/s/1LNNmA5KAwI3S1K31oLDo7Q
提取碼:iigd