基于js實現(xiàn)復(fù)制內(nèi)容到操作系統(tǒng)粘貼板過程解析
更新時間：2019年10月11日 09:50:18 作者：德邦總管
這篇文章主要介紹了基于js實現(xiàn)復(fù)制內(nèi)容到操作系統(tǒng)粘貼板過程解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
一、如果只考慮IE瀏覽器，可以直接用原聲js實現(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插件需要用到以下三個文件：
- ZeroClipboard.js
- ZeroClipboard.min.js
- ZeroClipboard.swf
這個插件需要瀏覽器的flash控件支持，復(fù)制時先把內(nèi)容復(fù)制到flash里面，再利用flash將內(nèi)容復(fù)制到
操作系統(tǒng)。flash控件又被淘汰的可能，有些瀏覽器上兼容得也不太好，所以這個插件不太好用。
2.用clipboard.js插件需要用到以下一個文件：
clipboard.min.js
執(zhí)行復(fù)制功能的html標簽上需要加上一個屬性和一個樣式，屬性data-clipboard-text的值表示要復(fù)制的內(nèi)容，
樣式j(luò)s-copy表示該標簽被綁定上點擊復(fù)制的功能，在點擊該標簽時觸發(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]);});
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript中Array實例方法map的實現(xiàn)方法
這篇文章主要介紹了JavaScript中Array實例方法map的實現(xiàn)方法,map() 方法創(chuàng)建一個新數(shù)組,其結(jié)果是原數(shù)組中的每個元素都調(diào)用一個提供的函數(shù)后返回的結(jié)果,文中有詳細的代碼示例供大家參考,需要的朋友可以參考下2024-03-03
這篇文章主要為大家詳細介紹了uniapp實現(xiàn)可滑動選項卡，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
js下的一些小技巧，需要的朋友可以下。2009-12-12
微信小程序獲取手機網(wǎng)絡(luò)狀態(tài)的方法【附源碼下載】
這篇文章主要介紹了微信小程序獲取手機網(wǎng)絡(luò)狀態(tài)的方法,涉及微信小程序wx.getNetworkType函數(shù)檢查網(wǎng)絡(luò)連接狀態(tài)的相關(guān)使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
這篇文章主要介紹了JS前后端實現(xiàn)身份證號驗證代碼解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-07-07
JavaScript+CSS實現(xiàn)仿Mootools豎排彈性動畫菜單效果
這篇文章主要介紹了JavaScript+CSS實現(xiàn)仿Mootools豎排彈性動畫菜單效果,可實現(xiàn)鼠標滑過菜單項呈現(xiàn)彈性移動顯示的效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
javascript限制輸入腳本大全 ,方便網(wǎng)頁設(shè)計的朋友經(jīng)常能用的到，建議收藏下。代碼有點慢，大家慢慢看啊。2009-11-11
這篇文章主要介紹了javascript數(shù)組遍歷的方法,結(jié)合實例形式分析了javascript數(shù)組遍歷及相關(guān)的some、every、filter、map等方法的使用技巧,需要的朋友可以參考下2016-09-09
這篇文章介紹了jquery滾動條事件的簡單實例，有需要的朋友可以參考一下2013-07-07
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)密碼框輸入驗證，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09