大家好~ 今天我們要來介紹html的事件屬性~
事件屬性是一種可以在特定事件發生時觸發 JavaScript 代碼的屬性，以實現在特定事件發生時執行相應的操作。這些事件可以是來自使用者的互動，也可以是瀏覽器或文件本身的事件。
以下是常見的事件屬性:
當元素被點擊時觸發
<button onclick="alert('按鈕被點擊了！')">點我</button>
當滑鼠移入元素時觸發
<div onmouseover="alert('滑鼠移入了這個區域！')">移入我</div>
當滑鼠移出元素時觸發
<div onmouseout="alert('滑鼠離開了這個區域！')">移出我</div>
當元素的值發生變化時（通常用於表單元素）
<input type="text" onchange="alert('輸入框的值發生變化了！')">
當表單提交時觸發
<form onsubmit="alert('表單已提交！')">
<input type="submit" value="提交">
</form>
當按下鍵盤按鍵時觸發
<input type="text" onkeydown="alert('按下了鍵盤！')">
當網頁或圖片完全加載時觸發
<body onload="alert('頁面已完全加載！')">
當圖片或其他資源載入失敗時觸發
<img src="invalid-image-url.jpg" onerror="alert('圖片載入失敗！')">
對於初學者來說，直接在 HTML 中使用事件屬性可以使事件處理邏輯變得直觀且相對容易理解。然而，對於較為複雜或需要複用的事件處理邏輯，建議使用addEventListener來實現。
今天就介紹到這邊~ 我們明天見~
iThome鐵人賽
看影片追技術