[精讚] [會員登入]
997

【Javascript】(Event)常用的網頁事件

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

分享此文連結 //n.sfs.tw/16030

分享連結 【Javascript】(Event)常用的網頁事件@小編過路君子
(文章歡迎轉載,務必尊重版權註明連結來源)
2022-12-27 23:41:24 最後編修
2022-12-27 20:22:46 By 過路君子
 

哈囉大家好,這裡是早上才覺得天氣回暖的小編過路君子

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

 

 

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

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

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

 

網頁本身相關Events

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

 

響應使用者操作相關Events

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

 

與網路狀態相關的Event

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

 

input上常用的Event

Event 意義
blur 當失去焦點的時候被觸發
focus 當獲得焦點的時候被觸發

 

 

 

後記

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

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

END

你可能感興趣的文章

【Python3】[Django] (Windows / Liunx) 如何從零開始創建一個網站 除了最基本的運作以外,還小小的加上了如何自導向特定目錄。

【C++】使用SFML製作讓方塊落下的畫面 從開啟新視窗延伸過來的應用(?),配合上一篇所使用到開啟一個可渲染視窗的那堆程式碼的延伸。

【Discord bot 6.2.1】[JDA6](StringSelectMenu)如何從訊息中提取選單並取得使用者選擇的選項 從 JDA5 使用到現在的 JDA6,時間過得還真快

【自製-製作epub輔助工具】(Sigil) content產生器 能交給程式快速結束的地方就不要自己手動浪費時間了吧。

【JDA/discord bot】取得頻道第一筆或最新(最後一筆)的歷史訊息 在不處理訊息的先後順序下取得相關的歷史訊息

【Raspberry Pi/樹梅派】(gcc 10) 如何安裝 gcc & g++ 需要的時間非常久,不愧是gcc的編譯

隨機好文

高捷少女:布拉格體驗㊤ 「可……可以去歐洲玩?而且還有人出錢?太棒囉!」婕兒忍不住歡呼起來,把扳手拋呀拋的,旁邊的客人紛紛轉過來看。「好了啦!」耐耐忍不住害羞起來,輕輕敲了一下婕兒的頭

高捷少女:美麗島的守護者④ 光之穹頂的某處垃圾桶底,一個四方形的機器持續發出聲音,機器的儀表板上顯示著「1:25:10」的字樣,外表被一層鞭炮所掩蓋。儀表板的數字每秒不斷減少,細微的嗶嗶聲也隨著數字的改變發出,但在熙來攘往的美麗

高捷少女:美麗島的守護者⑤  雖然暫時不用怕牠們了,可是一直躲在這裡終究不是辦法,小雅心想。她看看四周,這間更衣室沒有窗戶或後門,她不禁著急起來,不可能一直躲在這裡面,但從門出去只會被群貓圍攻而已。小雅低下頭苦思該怎麼辦,過了不

【歌評】蓮台野夜行 - 幻視之夜 ~ Ghostly Eyes 若有什麼是在聽到boss曲前的鋪襯,那一定就是每個系列的道中曲

【日翻中歌詞】LOSER 一如往常的孤身一人 早就已經被折磨殆盡 明明就已經無處可去 卻作著白日夢 晚安 無論何時都是這個樣子 對懵懂夜晚早感到噁心