更新於 2023/06/27閱讀時間約 1 分鐘

學習過程紀錄:開發按按鈕後可以把文字複製到剪貼簿的功能

緣起

在alpha camp的學習終於來到第二學期的最後,在寫期末考作業時需要將產生的新網址,透過按按鈕就能直接複製,而沒有做過這個功能的我當然是毫無頭緒......。

過程

沒頭緒時,當然是在google上開始搜尋,「how to copy by press button?」,沒錯,通常我就是這麼直接的輸入自己的困惑,然後就找到相關網頁(https://www.geeksforgeeks.org/how-to-create-copy-to-clipboard-button/),裡面有提供語法給我,也就是「navigator.clipboard.writeText( text )」,但是根據之前開發的經驗,我知道不能直接在使用node.js開發時,於javascript內用document.querySelecotor去選取要複製的文字,所以下一個問題是「要如何在node.js上開發時,選取想複製的文字並放入navigator.clipboard.writeText( text)的text內執行?」

解決

後來看到上述網頁在下面有範例可參考,於是看到可以直接在寫HTML時用script標籤,將想執行的程式碼寫入,此時就能用document.querySelecotor去成功選取想複製的文字,最後就成功做出此功能,也學到了script的用法!
分享至
成為作者繼續創作的動力吧!
© 2024 vocus All rights reserved.