對(duì)事件做出反應(yīng)
我們可以在事件發(fā)生時(shí)執(zhí)行 JavaScript，比如當(dāng)用戶在 HTML 元素上點(diǎn)擊時(shí)。
如需在用戶點(diǎn)擊某個(gè)元素時(shí)執(zhí)行代碼，請(qǐng)向一個(gè) HTML 事件屬性添加 JavaScript 代碼：
onclick=JavaScript
HTML 事件的例子：
- 當(dāng)用戶點(diǎn)擊鼠標(biāo)時(shí)
- 當(dāng)網(wǎng)頁(yè)已加載時(shí)
- 當(dāng)圖像已加載時(shí)
- 當(dāng)鼠標(biāo)移動(dòng)到元素上時(shí)
- 當(dāng)輸入字段被改變時(shí)
- 當(dāng)提交 HTML 表單時(shí)
- 當(dāng)用戶觸發(fā)按鍵時(shí)
onclick事件:
給按鈕分配:
<button onclick="displayDate()">點(diǎn)這里</button>
onload和onunload事件:
onload 和 onunload 事件會(huì)在用戶進(jìn)入或離開頁(yè)面時(shí)被觸發(fā)。
onload 事件可用于檢測(cè)訪問者的瀏覽器類型和瀏覽器版本，并基于這些信息來加載網(wǎng)頁(yè)的正確版本。
onload 和 onunload 事件可用于處理 cookie。
實(shí)例:
<body onload="checkCookies()">
onmouseover和onmouseout事件:
用于用戶的鼠標(biāo)移至元素上方或者移出元素時(shí)觸發(fā)函數(shù).
實(shí)例:
<div onmouseover="mOver(this)" onmouseout="mOut(this)" >Mouse Over Me</div>//mOver()和mOut()是函數(shù) this指代本對(duì)象
onmousedown\onmouseup以及onclick事件
這三個(gè)構(gòu)成了鼠標(biāo)的所有動(dòng)作，當(dāng)點(diǎn)擊鼠標(biāo)按鈕時(shí)，會(huì)觸發(fā) onmousedown 事件，當(dāng)釋放鼠標(biāo)按鈕時(shí)，會(huì)觸發(fā) onmouseup 事件，最后，當(dāng)完成鼠標(biāo)點(diǎn)擊時(shí)，會(huì)觸發(fā) onclick 事件。
