[精讚] [會員登入]
739

【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

你可能感興趣的文章

【Javascript】(Event)常用的網頁事件 不寫下來絕對下又會忘記,然後每次又都要回到MDN去查,麻煩

【Docker&Wildfly】(bitnami/wildfly)如何從零開始創建網頁伺服器 使用他人的 docker image 來架設我們的 wildfly web server

【ESXI & Oepnwrt】基本錯誤處理 Oepnwrt 為一個自由度超高的軟體,很多事情都能請其幫忙完成,但也因此很複雜,這邊簡單的介紹幾個錯誤的處理方式

【Wickct】(link) <a> 如何新增超連結 簡單來說有兩種方式,小編個人比較偏好 的方法

【MySQL Workbench】如何透過TCP/IP進行SSL連線到遠端MySQL資料庫 通常MySQL伺服器都不是只提供某人連線,而是多人都可以連線進來使用,這時就不能繼續使用localhost的那種寫法

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

隨機好文

高捷少女:小穹與果仁巧克力㊦ 「如果妳跟一個女生同班三年,看過她午休流口水跟狼吞虎嚥地吃午餐,就算變成高捷代言人,也很難把她當女神的啦!」她說,小穹氣得搶走她義大利麵裡的蝦子,其他人笑得花枝招展。

【歌評】蓮台野夜行 - 幻想的永遠祭 蓮台野的探險雖然結束了,但是,誰知道是不是一段新的探險的序曲呢?

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

【英翻中歌詞】(二創歌)妖精大戰爭 ~Fairy Wars 妖精大戦争 ~Fairy Wars Star light… star bright… 星光閃耀...星輝熠熠... We’re the three brightest stars in the sky tonight! 我們是今晚

【數學】圓的分一半公式 設圓C:​​​​​​x2 + y2 + dx + ey + f = 0或(x - h)2 + (y - k)2 P點座標