天天看點

用js将html文本隐藏,使用clipboard.js 實作複制隐藏文本的内容

一、起初是使用浏覽器提供了 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