溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何使用JavaScript創(chuàng)建復(fù)制和粘貼按鈕

發(fā)布時(shí)間：2021-07-24 14:19:20 來源：億速云 閱讀：230 作者：chen 欄目：web開發(fā)

本篇內(nèi)容主要講解“如何使用JavaScript創(chuàng)建復(fù)制和粘貼按鈕”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“如何使用JavaScript創(chuàng)建復(fù)制和粘貼按鈕”吧!

我們常常需要在屏幕上復(fù)制一些東西，或者稍后搜索，或者只是保存在某個(gè)地方，有了這些，我們就可以創(chuàng)建一個(gè)快速函數(shù)，用 JavaScript 來復(fù)制文本

首先，我們將創(chuàng)建界面，我們將做一些簡(jiǎn)單的東西，只使用 HTML。

如何使用JavaScript創(chuàng)建復(fù)制和粘貼按鈕

在 HTML 結(jié)構(gòu)中，創(chuàng)建了兩個(gè)輸入框，作為要復(fù)制和粘貼的文本，我們有兩個(gè)按鈕，用來演示用 JavaScript 復(fù)制和粘貼文本的方法。

如何使用JavaScript創(chuàng)建復(fù)制和粘貼按鈕

我們用 id =clipboardCopy 向按鈕添加一個(gè)調(diào)用相同名稱函數(shù)的事件，在這個(gè)函數(shù)中，我們首先檢索輸入值，然后移動(dòng)到剪貼板函數(shù)，這個(gè)函數(shù)中的一個(gè)細(xì)節(jié)是，為了正確工作，必須使用 async 和 await，或者使用 then (),保證能夠獲取到輸入的值[1]。

通過navigator.clipboard.readText()[2]來訪問系統(tǒng)剪切板，以讀取系統(tǒng)剪切板的內(nèi)容,待promise的resolve返回值之后賦值于粘貼框中。

就這么簡(jiǎn)單。

到此，相信大家對(duì)“如何使用JavaScript創(chuàng)建復(fù)制和粘貼按鈕”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手