學習過程紀錄：開發按按鈕後可以把文字複製到剪貼簿的功能
更新於 發佈於 閱讀時間約 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>的用法!
0會員
4內容數
留言0
查看全部
你可能也想看
Google News 追蹤
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
「啟發筆記」由「摘錄」＋「 自由寫作 」兩個部分構成。
「摘錄」的部分是指你閱讀的「文章」「書本」上的原汁原味內容，
你需要將原文一字不漏照抄，以避免斷章取義或者轉述上出現落差。
而「自由寫作」則是你做完「摘錄」後，
馬上紀錄自己心中的想法，
抓住自己各種念頭，
用寫作讓他們現形成文字，
成功加入Anytype之後就可以開始探索這一個開源的筆記軟體了^_^
開始Anytype之前.....
1.刪除所有初始物件
2.思考自己的使用需求
3.不著急學會所有功能
許多人常常發現自己在做筆記時，僅僅停留在劃線或摘錄有啟發的內容上，這樣的方法雖然方便快捷，但往往無法深入思考和理解所學的內容。我們需要使用"自我提問"來刺激自已的思考，去主動參與和反思所讀的內容，而不是被動地接受信息。
本篇教學將教你如何建立和使用 textbutton，讓你可以使用文字快速建立玩家可以點擊的按鈕，並提供瞭如何更改按鈕文字和自訂點擊按鈕後的動作。
※ 關於Git (二)
請寫下從 Github 上複製一個專案下來，做一次遞交，然後推上去會用到的所有 git 指令。
複製專案（Clone） markdown-here：
git clone https://github.com/adam-p/markdown-here.git
如果在訊息
本課程學習如何處理按鈕點擊事件並透過 Logcat 日誌輸出資訊確認按鈕邏輯是否正確。
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
「啟發筆記」由「摘錄」＋「 自由寫作 」兩個部分構成。
「摘錄」的部分是指你閱讀的「文章」「書本」上的原汁原味內容，
你需要將原文一字不漏照抄，以避免斷章取義或者轉述上出現落差。
而「自由寫作」則是你做完「摘錄」後，
馬上紀錄自己心中的想法，
抓住自己各種念頭，
用寫作讓他們現形成文字，
成功加入Anytype之後就可以開始探索這一個開源的筆記軟體了^_^
開始Anytype之前.....
1.刪除所有初始物件
2.思考自己的使用需求
3.不著急學會所有功能
許多人常常發現自己在做筆記時，僅僅停留在劃線或摘錄有啟發的內容上，這樣的方法雖然方便快捷，但往往無法深入思考和理解所學的內容。我們需要使用"自我提問"來刺激自已的思考，去主動參與和反思所讀的內容，而不是被動地接受信息。
本篇教學將教你如何建立和使用 textbutton，讓你可以使用文字快速建立玩家可以點擊的按鈕，並提供瞭如何更改按鈕文字和自訂點擊按鈕後的動作。
※ 關於Git (二)
請寫下從 Github 上複製一個專案下來，做一次遞交，然後推上去會用到的所有 git 指令。
複製專案（Clone） markdown-here：
git clone https://github.com/adam-p/markdown-here.git
如果在訊息
本課程學習如何處理按鈕點擊事件並透過 Logcat 日誌輸出資訊確認按鈕邏輯是否正確。