- 1.onchange HTML 元素已被改變
- 2.onclick 用戶點擊了 HTML 元素
<button type="button" onclick="document.getElementById('demo').innerHTML='hello world'">點擊我改變內(nèi)容</button>
<p id="demo">改變html內(nèi)容</p>
- 3.onmouseover 用戶把鼠標移動到 HTML 元素上
<button type="button" onmouseover ="document.getElementById('demo').innerHTML='hello world'">點擊我改變內(nèi)容</button>
<p id="demo">改變html內(nèi)容</p>
- 4.onmouseout 用戶把鼠標移開 HTML 元素
<button type="button"
onmouseover ="document.getElementById('demo').innerHTML='hello world'"
onmouseout ="document.getElementById('demo').innerHTML='鼠標移開'">點擊我改變內(nèi)容</button>
<p id="demo">改變html內(nèi)容</p>
- 5.onkeydown 用戶按下鍵盤按鍵
- 6.onload 瀏覽器已經(jīng)完成頁面加載
JavaScript 能夠做什么溯捆?
事件處理程序可用于處理青责、驗證用戶輸入孩等、用戶動作和瀏覽器動作:
每當(dāng)頁面加載時應(yīng)該做的事情
當(dāng)頁面被關(guān)閉時應(yīng)該做的事情
當(dāng)用戶點擊按鈕時應(yīng)該被執(zhí)行的動作
當(dāng)用戶輸入數(shù)據(jù)時應(yīng)該被驗證的內(nèi)容
等等
讓 JavaScript 處理事件的不同方法有很多:
HTML 事件屬性可執(zhí)行 JavaScript 代碼
HTML 事件屬性能夠調(diào)用 JavaScript 函數(shù)
您能夠向 HTML 元素分配自己的事件處理函數(shù)
您能夠阻止事件被發(fā)送或被處理
等等