React 事件處理器 - Event Handlers

在 React 中，你可以使用不同的事件處理器（Event Handlers）來響應各種事件。以下是一些常見的事件處理器，以表格方式呈現：

事件	說明	使用情境
onClick	當元素被點擊時	按鈕、連結、圖像等元素的點擊事件
onChange	當輸入元素的值發生變化時觸發	文本輸入框、下拉選單等表單元素的值變化事件
onSubmit	當表單提交時觸發	表單提交事件
onFocus	當元素獲得焦點時觸發	元素獲得焦點的事件，通常用於改變元素樣式或顯示提示信息
onBlur	當元素失去焦點時觸發	元素失去焦點的事件，通常用於驗證輸入或執行其他操作
onMouseEnter	當滑鼠進入元素區域時觸發	通常用於顯示浮動提示或改變元素樣式
onMouseLeave	當滑鼠離開元素區域時觸發	通常用於隱藏浮動提示或恢復元素樣式
`onKeyPress`, `onKeyDown`, `onKeyUp`	鍵盤事件	捕捉和處理鍵盤事件，用於快捷鍵、表單提交等操作
`onDragStart`, `onDragEnd`, `onDragOver`, `onDrop`	拖放事件	用於實現拖放操作，例如拖動元素或檔案的上傳
onScroll	捲動事件	監聽元素的捲動，用於實現無限滾動等功能這些事件處理器可以用於不同的情境，根據你的需求選擇適當的事件處理器來處理相應的事件。此外，你可以透過函數或方法來設置這些事件處理器，以執行自定義的操作。

react 事件總整理

這只是其中的一部分，還有許多其他的事件處理器可以使用。需要注意的是，這些事件處理器都需要以”camelCase”的方式來使用，而不是原生 HTML 的全小寫方式。

相關文章