概念與分工詞條 1-18

事件Event

也常叫做：事件監聽、Event Listener、onClick

你可能會這樣說

想做到「點按鈕畫面就變色」——原來這種「使用者做了某個動作」就叫事件，程式靠它才知道該上工了。

事件是使用者在頁面上的每個動作：點擊、滑動、打字、捲動，連圖片載入完成都算一種事件。

程式的邏輯是「聽到某事件，就執行某件事」：聽到點擊就送出表單，聽到捲動就浮出「回頂端」按鈕。

跟 AI 描述互動時，把「觸發動作」和「要做的事」分成兩句講，它就會幫你接起來，比說「做個酷酷的互動」清楚太多。

點擊（click）

這是一個連結滑入（hover）

聚焦（focus）——用 Tab 試試

美

滑過頭像也會動

使用者的每個動作都是事件——網站靠聽事件決定何時反應。

圖 1-20　用滑鼠和 Tab 鍵走一輪：每塊磚都在聽不同的事件。

中文就可以

幫我做一個圖片放大鏡效果：
1. 滑鼠移到產品圖上，出現跟著游標跑的放大區。
2. 滑鼠一離開就消失。
3. 手機改成點兩下放大、再點縮小。
4. 用註解說明每個事件分別負責什麼。