一、如果只考慮IE瀏覽器,可以直接用原聲js實現(xiàn)(兼容IE、谷歌、火狐等瀏覽器)
創(chuàng)新互聯(lián)是一家專業(yè)提供深州企業(yè)網(wǎng)站建設,專注與成都網(wǎng)站建設、成都網(wǎng)站設計、HTML5、小程序制作等業(yè)務。10年已為深州眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進行中。
if(window.clipboardData){ //清空操作系統(tǒng)粘貼板 window.clipboardData.clearData(); //將需要復制的內(nèi)容復制到操作系統(tǒng)粘貼板 window.clipboardData.setData("Text", "要復制的內(nèi)容"); }
二、如果是其他瀏覽器,上面的辦法行不通,其他瀏覽器出于安全的考慮禁止js訪問操作系統(tǒng)粘貼板。
這里需要用到插件,網(wǎng)上流行的插件有兩種,一種是ZeroClipboard.js,一種是clipboard.js。
插件下載地址:https://zenorocha.github.io
1.用ZeroClipboard.js插件需要用到以下三個文件:
這個插件需要瀏覽器的flash控件支持,復制時先把內(nèi)容復制到flash里面,再利用flash將內(nèi)容復制到
操作系統(tǒng)。flash控件又被淘汰的可能,有些瀏覽器上兼容得也不太好,所以這個插件不太好用。
2.用clipboard.js插件需要用到以下一個文件:
clipboard.min.js
執(zhí)行復制功能的html標簽上需要加上一個屬性和一個樣式,屬性data-clipboard-text的值表示要復制的內(nèi)容,
樣式js-copy表示該標簽被綁定上點擊復制的功能,在點擊該標簽時觸發(fā)復制功能。
該插件兼容IE、谷歌、火狐等瀏覽器。
js示例代碼如下:
$("span").each(function(index,element){if(element.innerHTML=="復制")new Clipboard($(element).parent().attr("data-clipboard-text",Ext.fly(html).dom.innerText).addClass("js-copy")[0]);});
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。