[[346830]]

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

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

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

參考資料
[1]
Walter Nascimento: https://dev.to/walternascimentobarroso/creating-copy-button-with-js-4763

[2]
clipboard: https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/clipboard