【Javascript】（Event）常用的網頁事件 @小編過路君子

1209

“

不寫下來絕對下又會忘記，然後每次又都要回到MDN去查，麻煩

„

結果太陽才剛下山就冷的咪咪茂茂，這星期回暖，但是下星期又要開始冷了。

小編本人偶爾會去寫寫 Javascript 的程式，然而每次都間隔了好幾個月，導致寫得當下對於有什麼事件都忘光了。

每次都要去重查有哪些事件，所以在這裡將小編常用的一些事件列出，這樣以後小編就可以直接查表啦！

基本上小編會從這個網頁直接搬過來，所以有興趣的人可以直接連結過去查看。

網頁本身相關Events

Event	意義
DOMContentLoaded	當網頁 HTML 加載成功且瀏覽器創建 document 物件的時候觸發，此時 CSS、圖片或字形等等資源檔案有可能尚未加載完成。
load	當所有的網頁資源加載完成之後觸發，包含所有的CSS、圖片、字型等等資源檔案。
beforeunload	當網頁本身、CSS、圖片等等資源即將被關閉、卸載時會被觸發。
unload	當document被卸載貨是子資源被卸載時觸發。

Event	意義
error	當 Javascrept 執行時發生錯誤或是找不到資源檔案的時候被觸發。
cut	當使用者進行剪下(Ctrl + X)動作時觸發。
copy	當使用者進行複製(Ctrl + C)動作時觸發，很多網站禁止複製都適用此 Event 達成。
paste	當使用者進行貼上(Ctrl + V)動作時觸發。
resize	當使用者改變瀏覽器大小的時候會被觸發。
storage	當其他相同網域下的其他網頁更動 localStorage 觸發。

Event	意義
online	當瀏覽器連上網路並且 navigator.onLine 被切換成 true 時觸發。
offline	當瀏覽器失去網路的連線並且 navigator.onLine 切換成 false 時觸發。

後記

小編常用的大概就是上面幾個事件，當然絕對不只這幾個事件。

例如小編之前在寫 NodeJS 的時候還有用過 message 這個事件，用於兩個不同執行緒上的程式溝通，但在網頁上小編至今沒有用過這個手法，所以就沒列出。

END

【NodeMCU / ESP8266】［Arduino］測量溫溼度並上傳至ThinkSpeak 使用簡單的溫度計來測量溫濕度並上傳至第三方網站，這樣他人只要有瀏覽器就能看到我們的數據了

【Wicket】[CSP] Content-Security-Policy & Content-Security-Policy-Report-Only Wicket 預設開啟的，所以如果要加載外部資源甚至是同源資源都會被擋下。

【Wicket】［URI］使用Java取得目前網址這是個還滿常用的功能，可惜 Wicket 沒有內建函式可以快速取得我們要的部分，只能依靠我們自己後期的字串剖析

【C++】如何解決TLE，換句話說便是加速cin, cout的執行速度 [ZERO JUDGE](UVa) a159: 11743 - Credit Check 題目練習和副程式練習

【SeaChest & Synology】512e(Advanced Format / AF) 轉換至 4Kn 好不容易入手了一顆硬碟，但是卻無法使用，除了賣掉還有更好的方法嗎？

高捷少女：布拉格體驗㊦「各位想到盧卡站的乘客，請到我們左手邊排隊！」婕兒大聲地喊道。「這孩子怎麼穿著地鐵站制服？童工嗎？」一位大嬸歪頭問道。

高捷少女：小穹與果仁巧克力㊥艾咪臉上泛起笑容說：「妳知道嗎？就跟花語一樣，每一種巧克力也都有各自的涵義：薄荷巧克力代表初戀；卡通巧克力代表天真爛漫；而果仁巧克力代表的是窩心，還有想陪伴對方的心情，這在德國是女生之間在慶生時會彼此

高捷少女：購票大作戰③ 歐巴桑露出懷疑的表情。「怎麼了，您跟夏尼爾小姐不是朋友嗎？只要打電話確認就好了，不是嗎？」「是……是這樣沒錯……可是……」小穹支支吾吾地說。我的確是潔西塔的朋友，但

高捷少女：美麗島的守護者⑥ 一陣貓叫傳到小雅耳中，原本要朝小雅撲過去的北風轉了個圈，從半空中落地，牠的表情宛如五雷轟頂。這聲音……難道是……

婕兒──她的青春② 艾米直搖頭。「我真不敢相信，小穹妳都二十幾歲了，為什麼能想出這種故事呀？」「婕兒也是二十幾歲啊，妳想想她現在是什麼樣子？」小穹不滿地指向火車的方向。