[精讚] [會員登入]
922

【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

你可能感興趣的文章

【Wickct】如何製作一個簡單的動態響應頁面和傳遞參數至其他頁面 身為一個後端架構程式,這個功能當然是非常重要之一

【Vim】解決貼上文字時出現過多空格的問題 換了新系統,有時候就算重裝軟體並且複製了設定檔也還是會出現非常奇怪的現象

【Wicket】[Cookie]如何讀取和設定客戶端的Cookie 對於某些參數需要給予使用者,我們可以使用 Cookie 來讓客戶端記著,之後再跟伺服器裡的比對來達到驗證的目的

【C++】使用SFML創建新視窗和新增圖標(ICON)並隱藏DOS 筆記,怕自己以後忘記怎麼創建並開啓一個新視窗

【!@#$%^&*()_+ language】!@#$%^&*()_+ 程式語言介紹 一款看起來像是在鬧的程式語言

【Wicket】[Header]如何讀取來自客戶端地檔頭和傳送自訂擋頭至客戶端 當需要設定檔頭或是讀取來自客戶端的檔頭時,這些程式碼就很好用

隨機好文

【手遊介紹】小品手遊─寶箱是我的!(SUMMONER'S GREED) 輕鬆無腦的塔防遊戲,殺時間本小編推薦的遊戲之一

高捷少女:地下城的探險少女(終)  小穹眨眨眼睛,然後說了出來。「其實,從剛剛開始,我就在想了……是在看過這本日記之後。」她拿出日記。「我想……我們尋找寶藏的想法,是不是真的正確的?」「怎麼說呢?」耐耐好奇地問。「這個埋藏寶藏的人,在

高捷少女:美麗島的守護者① 婕兒跟耐耐嚇得臉色發白。「耐耐,小穹有這方面的愛好喔?」婕兒小聲地說。耐耐默默的拿出筆記本,臉上浮現一層微笑:「這麼大的新聞,要趕快記下來!」

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

高捷少女:耐耐的新年驚喜③ 即使如此,夫人仍然每年都會問老爺是否能空出一週時間,但總是被回絕,除了前年以外。老爺答應夫人一定會排出空檔,他們在去年的二十三日前往澳洲。」耐耐嘆了口氣。「那一天的晚上,我打電話給媽媽時,她很高興地告