# JavaScript常見HTML事件有哪些
在JavaScript中，HTML事件是用戶或瀏覽器與網頁交互時觸發的動作。通過監聽這些事件，開發者可以實現動態交互功能。以下是常見的HTML事件分類及示例：
## 1. 鼠標事件
- **`click`**：元素被點擊時觸發
```html
<button onclick="alert('Clicked!')">點擊我</button>
dblclick：雙擊元素時觸發mouseover/mouseout：鼠標移入/移出元素時觸發mousedown/mouseup：鼠標按下/釋放時觸發keydown/keyup：鍵盤按鍵按下/釋放時觸發
document.addEventListener('keydown', (e) => {
console.log(`按下了鍵：${e.key}`);
});
keypress（已廢棄）：按下字符鍵時觸發submit：表單提交時觸發change：表單元素值改變時觸發（如輸入框、下拉框）focus/blur：元素獲得/失去焦點時觸發load：頁面或資源加載完成時觸發
window.addEventListener('load', () => {
console.log('頁面加載完畢');
});
resize：瀏覽器窗口大小改變時觸發scroll：頁面滾動時觸發touchstart/touchend（移動端）：觸摸開始/結束時觸發drag/drop：元素拖拽時觸發通過組合這些事件，開發者可以構建豐富的交互體驗。例如，表單驗證可通過submit和change事件實現，動態效果可通過鼠標/鍵盤事件驅動。
提示：使用
addEventListener()綁定事件比HTML內聯屬性（如onclick）更靈活且易于維護。 “`
這篇文章總計約400字，采用Markdown格式，包含分類說明、代碼示例和實用建議，適合前端學習參考。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
