哈囉大家好,這裡是早上才覺得天氣回暖的小編過路君子
結果太陽才剛下山就冷的咪咪茂茂,這星期回暖,但是下星期又要開始冷了。
小編本人偶爾會去寫寫 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 這個事件,用於兩個不同執行緒上的程式溝通,但在網頁上小編至今沒有用過這個手法,所以就沒列出。