目錄

JS筆記-幫元素加上style的寫法

JS筆記-getPosition 讓你找到元素x,y位置

js筆記--寫腳本需要用到的waitForKeyElements.js

JS筆記-設定CSSstyle的function

JS筆記-使用fetch下載檔案/download.js好用的東西

JS筆記-前端新手練習小專案（附加4個JS實例網站可學）

JS筆記-關掉alert的簡單小技巧

JS筆記-使用ajax傳送表單(ex.傳送google表單)

JS筆記-前端撥放m3u8的兩種方法

JS筆記-讓chrome跳過「允許下載多個檔案」的技巧

JS筆記-製作copy效果

JS筆記-暫時讓網頁可以編輯

JS筆記-VScode自己設定速打

JS筆記-VScode的Prettier(自動排版)怎麼開始使用？

前情提要

在網頁中使用複製功能是超級常見的套路！

例如說你要借鑑(抄襲)人家的程式碼，很多行要自己選取很麻煩，網站設計者為了讓你好抄(?
會用右邊一個copy按鈕，讓你按下去就爽爽複製惹(^y^)
畢竟工程師們誰不是一路抄過來der 當然要設身處地為你找想呀

今天我們就要實際講解 怎麼當一個貼心的前端工程師 一方面你自己要複製也hen方便

我會先從MDN開始到W3C讓各位學會怎麼使用

MDN-Clipboard API

MDN

剪贴板 Clipboard API 提供了响应剪贴板命令（剪切、复制和粘贴）与异步读写系统剪贴板的能力。从权限 Permissions API 获取权限之后，才能访问剪贴板内容；如果用户没有授予权限，则不允许读取或更改剪贴板内容。

该 API 被设计用来取代使用 document.execCommand() 的剪贴板访问方式。

這邊簡體字我就不改惹 MDN只有簡體的~

How TO - Copy Text to Clipboard

範例地方:
https://www.w3schools.com/howto/howto_js_copy_clipboard.asp

可以看的出來這邊是使用一個textarea 裡面放置要被複製的文字
再使用JS去copy起來
我們要應用的話可以用同樣的方法 但是用CSS 的display none把textarea隱藏 即可

實際使用

想知道怎麼實際使用嗎？可以看我的
前端小試身手(5)-備份it幫的發問！

就是為了it幫發文量身打造的備份功能！其中就有用到JS的copy，又可愛又實用，這招學起來真的超帥！