剪貼板js代碼（js複製到剪切板代碼）

本文目錄一覽：

• 1、js將內容放到剪貼板怎麼寫呢？
• 2、JS複製剪切板代碼在Chrome下無效，請告訴一下合適的代碼。
• 3、JS自動複製內容到剪貼板
• 4、請教PHP傳值到JS 的代碼，實現複製到剪貼板的功能
• 5、如何用js清空剪切板
• 6、如何用JS操作粘貼板

js將內容放到剪貼板怎麼寫呢？

input type=”text” id=”copyText” value=”” style=”color:#fff; background:#fff; border-color:#fff;border: 0; position:absolute; top:-50px; left:0;” /

script type=”text/jscript”

//複製文本

function copyText(str)

{

if(str.length 0)

{

$(“#copyText”).val(str);

//複製文本

var input = document.getElementById(“copyText”);

input.value = str; // 修改文本框的內容

input.select(); // 選中文本

document.execCommand(“copy”); // 執行瀏覽器複製命令

//layer提示框

layer.closeAll(‘msg’,{time:10000});

layer.msg(‘span style=”color:red;”已複製：/span/br’+str);

}

}

/script

a href=”jscript:copyText(‘要複製的內容’)”要複製的內容/a

這是代碼，這裡的文本框不能設置隱藏，否則複製失效，所以我設置的樣式讓它在瀏覽器之外的地方，無法被看到

JS複製剪切板代碼在Chrome下無效，請告訴一下合適的代碼。

代碼如下：

很多頁面都是禁止copy的，那麼通過瀏覽器事件，是不是可以訪問到粘貼板？查了下資料，IE/Chrome/Firefox都支持oncopy/onpaste/oncut事件，雖然不是在所有元素上都支持。但是這裡通過事件的event應該可以訪問到用戶複製了什麼內容，並修改Data。動手實驗了下，通過console.debug查看chrome和firefox的event對象，會發現event裡面有一個clipboardData對象，所以後面的事情就不難了。看如下Firefox的截圖就知道了：

參考資料

實現JS複製、粘貼，Chrome/Firefox下可用.csdn[引用時間2018-1-3]

JS自動複製內容到剪貼板

javascript代碼

SCRIPT LANGUAGE=”JavaScript”

function copyText(text)

{

window.clipboardData.setData(“text”,text);

}

/SCRIPT

HTML代碼

body onload=copyText(‘123’)

/body

請教PHP傳值到JS 的代碼，實現複製到剪貼板的功能

直接DOM獲取容器內容即可

script type=”text/javascript”

function setCopy(id){

if(navigator.userAgent.toLowerCase().indexOf(‘ie’) -1) {

var content = document.getElementById(id).innerHTML;

clipboardData.setData(‘Text’,content);

alert (“本文標題和網址已複製到剪切板”);

} else {

prompt(“請複製網站地址:”,content);

}

}

/script

div id=’test’我要被複制/div

a href=”javascript:setCopy(‘test’);return false;”點擊複製/a

如何用js清空剪切板

js清空剪切板代碼

window.clipboardData.setData(“text”,””)

每1 ms清空一次剪切板,可以防止別人copy,paste and 列印屏幕代碼如下:

script language=javascript

setInterval(‘window.clipboardData.setData(\’text\’,\’Please No Copies\’)’,1)//清空剪貼板1MS

/script

如何用JS操作粘貼板

主要是用到了 window.clipboardData.setData(“Text”,copyText);

他主要有兩個參數：第一個是設置要複製的是一段文本，第二個參數是要複製具體的內容，這個內容可以從文本框中或使用innerHTML獲取。

簡單的實例代碼：

複製代碼 代碼如下:

script type=”text/javascript”

function copyData() {

var copyText = document.getElementById(“ctl00_cpRight_txtUrl”).value;

window.clipboardData.setData(“Text”,copyText);

}

/script

asp:TextBox ID=”txtUrl” runat=”server” Height=”30px” Width=”349px”/asp:TextBox

input id=”btnCopyUrl” type=”button” value=”複製URL到粘貼板” onclick=”copyData()” /

註：ctl00_cpRight_txtUrl這個ID其實是txtUrl生成頁面後自動生成的ID。