如何用JavaScript+Html5實(shí)現(xiàn)按鈕拷貝文字到剪切板功能
本文小編為大家詳細(xì)介紹“如何用JavaScript+Html5實(shí)現(xiàn)按鈕拷貝文字到剪切板功能”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“如何用JavaScript+Html5實(shí)現(xiàn)按鈕拷貝文字到剪切板功能”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識(shí)吧。
創(chuàng)新互聯(lián)公司主要從事網(wǎng)站設(shè)計(jì)、做網(wǎng)站、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)城中,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108
一：引入插件：
二：給標(biāo)簽添加屬性：data-clipboard-text
Copy
三：定義script ：實(shí)現(xiàn)復(fù)制功能
補(bǔ)充：new Clipboard()----參數(shù)為id class都可以，跟css定義一樣 id 或者.class
四：自定義復(fù)制的內(nèi)容；
new Clipboard('.btn', {
target: function(trigger) {
return trigger.nextElementSibling;
}
});通過return返回想復(fù)制的內(nèi)容，
五：列表頁復(fù)制每條列表內(nèi)容
可以給每個(gè)item自定義屬性data-clipboard-text即可
div.setAttribute("data-clipboard-text","asdf");
補(bǔ)充：電腦瀏覽器幾乎都可以支持，手機(jī)上安卓可以，蘋果有點(diǎn)問題，需要把標(biāo)簽設(shè)置成button
讀到這里，這篇“如何用JavaScript+Html5實(shí)現(xiàn)按鈕拷貝文字到剪切板功能”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)站欄目：如何用JavaScript+Html5實(shí)現(xiàn)按鈕拷貝文字到剪切板功能
瀏覽地址：
http://weahome.cn/article/igddgj.html
重慶分公司
重慶分公司
