function?copyToClipBoard(id){

創(chuàng)新互聯(lián)建站自成立以來,一直致力于為企業(yè)提供從網(wǎng)站策劃、網(wǎng)站設計、成都網(wǎng)站建設、網(wǎng)站制作、電子商務、網(wǎng)站推廣、網(wǎng)站優(yōu)化到為企業(yè)提供個性化軟件開發(fā)等基于互聯(lián)網(wǎng)的全面整合營銷服務。公司擁有豐富的網(wǎng)站建設和互聯(lián)網(wǎng)應用系統(tǒng)開發(fā)管理經(jīng)驗、成熟的應用系統(tǒng)解決方案、優(yōu)秀的網(wǎng)站開發(fā)工程師團隊及專業(yè)的網(wǎng)站設計師團隊。
$("#"+id).text().clone();
alert("復制成功!");
}
html部分
!DOCTYPE?html
html
head
titleZeroClipboard?Test/title
meta?charset="utf-8"
script?type="text/javascript"?src="clipboard.min.js"/script
script?type="text/javascript"?src="jquery-1.10.2.min.js"/script
/head
body
input?id="t"?type="text"/數(shù)據(jù)輸出測試br
textarea?id="t2"/textareabr
!--測試1--
!--button按鈕測試,需要復制的值放在屬性??data-clipboard-text中br--
button?class="btn"?data-clipboard-text="測試1"點擊測試1/buttonbrbr
!--測試2--
!--a按鈕測試,需要復制的值放在屬性?data-clipboard-text中br--
a?class="a"?data-clipboard-text="測試2"點擊測試2/abrbr
!--測試3--
!--測試,通過按鈕的data-clipboard-target屬性獲取指定標簽中的值--
div測試3/div
button?class="btn2"?data-clipboard-action="copy"?data-clipboard-target="div"點擊測試3/buttonbrbr
!--測試4--
!--測試,通過按鈕的data-clipboard-target屬性獲取指id的標簽中的值中?--
button?class="btn3"?data-clipboard-action="copy"?data-clipboard-target="#t2"點擊測試4/button
/body
/html
jquery部分:
!--測試1--
$(document).ready(function(){??
var?clipboard?=?new?Clipboard('.btn');?
clipboard.on('success',?function(e)?{
console.log(e);
alert("測試1復制成功!")
});
clipboard.on('error',?function(e)?{
console.log(e);
alert("測試1復制失敗!請手動復制")
});
})
!--測試2--
$(document).ready(function(){??
var?clipboard1?=?new?Clipboard('.a');?
clipboard1.on('success',?function(e)?{
console.log(e);
alert("測試2復制成功!")
});
clipboard1.on('error',?function(e)?{
console.log(e);
alert("測試2復制失敗!請手動復制")
});
})
!--測試3--
$(document).ready(function(){??
var?clipboard2?=?new?Clipboard('.btn2');?
clipboard2.on('success',?function(e)?{
console.log(e);
alert("測試3復制成功!")
});
clipboard2.on('error',?function(e)?{
console.log(e);
alert("測試3復制失敗!請手動復制")
});
})
!--測試4--
$(document).ready(function(){??
var?clipboard3?=?new?Clipboard('.btn3');?
clipboard3.on('success',?function(e)?{
console.log(e);
alert("測試4復制成功!")
});
clipboard3.on('error',?function(e)?{
console.log(e);
alert("測試4復制失敗!請手動復制")
});
})
注:此方法主要使用了clipboard,無需通過其他文件,引入一個clipboard.js文件即可使用,簡單方便
clipboard.js庫文件下載地址
如果你是想鼠標選中后點擊復制到文本框內(nèi),其實不用剪貼板,可以獲取選中的內(nèi)容,然后在復制給文本框就可以了
出于安全問題,無法使用原生的 JS 或 jQuery 來操作粘貼板。除非使用瀏覽器擴展(需設置權限),或者使用Flash。
某些瀏覽器允許在文本框內(nèi)使用 document.execCommand('copy') 與 document.execCommand('paste') 來操作剪貼板。
(但現(xiàn)在基于較新版本的webkit內(nèi)核以及主流的瀏覽器,該命令已經(jīng)被False)
1. 單用js 實現(xiàn)復制功能, 僅僅只能對ie起作用; 其他安全性高的游覽器是不行的,如 firfox, chrome 等。
2. 遇到這個功能一般做法是: 用js判斷是不是ie, 如是,復制,如不是,自動選中文字,提示讓他自己手工復制。騰訊公司的網(wǎng)站就是這樣的做法。
3. flash可以做到通用, 但是不推薦,原因是flash 有可能用戶游覽器不支持或根本沒安裝
文章題目:jquery剪切板,js設置剪切板
網(wǎng)址分享:http://chinadenli.net/article16/dsgpegg.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、網(wǎng)站維護、微信小程序、網(wǎng)站建設、域名注冊、網(wǎng)站設計公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)