欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于js實(shí)現(xiàn)復(fù)制內(nèi)容到操作系統(tǒng)粘貼板過程解析

 更新時(shí)間：2019年10月11日 09:50:18   作者：德邦總管  
這篇文章主要介紹了基于js實(shí)現(xiàn)復(fù)制內(nèi)容到操作系統(tǒng)粘貼板過程解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

一、如果只考慮IE瀏覽器，可以直接用原聲js實(shí)現(xiàn)(兼容IE、谷歌、火狐等瀏覽器)

if(window.clipboardData){
  //清空操作系統(tǒng)粘貼板
  window.clipboardData.clearData();
  //將需要復(fù)制的內(nèi)容復(fù)制到操作系統(tǒng)粘貼板  
  window.clipboardData.setData("Text", "要復(fù)制的內(nèi)容");
}

二、如果是其他瀏覽器，上面的辦法行不通，其他瀏覽器出于安全的考慮禁止js訪問操作系統(tǒng)粘貼板。

這里需要用到插件，網(wǎng)上流行的插件有兩種，一種是ZeroClipboard.js，一種是clipboard.js。

插件下載地址：https://zenorocha.github.io

1.用ZeroClipboard.js插件需要用到以下三個(gè)文件：

  • ZeroClipboard.js
  • ZeroClipboard.min.js
  • ZeroClipboard.swf

這個(gè)插件需要瀏覽器的flash控件支持，復(fù)制時(shí)先把內(nèi)容復(fù)制到flash里面，再利用flash將內(nèi)容復(fù)制到

操作系統(tǒng)。flash控件又被淘汰的可能，有些瀏覽器上兼容得也不太好，所以這個(gè)插件不太好用。

2.用clipboard.js插件需要用到以下一個(gè)文件：

clipboard.min.js

執(zhí)行復(fù)制功能的html標(biāo)簽上需要加上一個(gè)屬性和一個(gè)樣式，屬性data-clipboard-text的值表示要復(fù)制的內(nèi)容，

樣式j(luò)s-copy表示該標(biāo)簽被綁定上點(diǎn)擊復(fù)制的功能，在點(diǎn)擊該標(biāo)簽時(shí)觸發(fā)復(fù)制功能。

該插件兼容IE、谷歌、火狐等瀏覽器。

js示例代碼如下：

$("span").each(function(index,element){if(element.innerHTML=="復(fù)制")new Clipboard($(element).parent().attr("data-clipboard-text",Ext.fly(html).dom.innerText).addClass("js-copy")[0]);});

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論