[[346830]]

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

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

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

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

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

就這么簡單。

參考資料
[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