[[346830]]

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

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

在 HTML 結構中，創建了兩個輸入框，作為要復制和粘貼的文本，我們有兩個按鈕，用來演示用 JavaScript 復制和粘貼文本的方法。

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

通過navigator.clipboard.readText()[2]來訪問系統剪切板，以讀取系統剪切板的內容,待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