中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

基于js實現復制內容到操作系統粘貼板過程解析

發布時間:2020-09-09 18:10:57 來源:腳本之家 閱讀:215 作者:德邦總管 欄目:web開發

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

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

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

這里需要用到插件,網上流行的插件有兩種,一種是ZeroClipboard.js,一種是clipboard.js。

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

1.用ZeroClipboard.js插件需要用到以下三個文件:

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

這個插件需要瀏覽器的flash控件支持,復制時先把內容復制到flash里面,再利用flash將內容復制到

操作系統。flash控件又被淘汰的可能,有些瀏覽器上兼容得也不太好,所以這個插件不太好用。

2.用clipboard.js插件需要用到以下一個文件:

clipboard.min.js

執行復制功能的html標簽上需要加上一個屬性和一個樣式,屬性data-clipboard-text的值表示要復制的內容,

樣式js-copy表示該標簽被綁定上點擊復制的功能,在點擊該標簽時觸發復制功能。

該插件兼容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]);});

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

开化县| 长治市| 江西省| 通榆县| 皋兰县| 凤城市| 邳州市| 盘山县| 关岭| 宜良县| 库尔勒市| 望奎县| 固安县| 通辽市| 麟游县| 老河口市| 贺州市| 民县| 玛沁县| 嘉善县| 应城市| 苗栗县| 天长市| 鄢陵县| 革吉县| 新巴尔虎右旗| 哈密市| 五大连池市| 东光县| 潮州市| 嘉义市| 保山市| 如东县| 江都市| 灯塔市| 德安县| 牙克石市| 红安县| 南召县| 黑龙江省| 泸溪县|