JavaScript 事件
HTML 事件是發(fā)生在 HTML 元素上的事情。
當(dāng)在 HTML 頁(yè)面中使用 JavaScript 時(shí)， JavaScript 可以觸發(fā)這些事件。
HTML 事件
#HTML 事件可以是瀏覽器行為，也可以是使用者行為。
以下是HTML 事件的實(shí)例：
HTML 頁(yè)面完成載入
HTML input 欄位改變時(shí)
HTML 按鈕被點(diǎn)擊
通常，當(dāng)事件發(fā)生時(shí)，你可以做些事情。
在事件觸發(fā)時(shí) JavaScript 可以執(zhí)行一些程式碼。
HTML 元素中可以新增事件屬性，使用 JavaScript 程式碼來(lái)新增 HTML 元素。
單引號(hào):
<some-HTML-element?some-event='some JavaScript'>
雙引號(hào):
<some-HTML-element?some-event="some JavaScript">
在以下實(shí)例中，按鈕元素中加入了onclick 屬性(並加上程式碼) :
實(shí)例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<button onclick="getElementById('demo').innerHTML=Date()">現(xiàn)在的時(shí)間是?</button>
<p id="demo"></p>
</body>
</html>以上實(shí)例中，JavaScript 程式碼將修改id="demo" 元素的內(nèi)容。
執(zhí)行程式碼嘗試
在下一個(gè)實(shí)例中，程式碼會(huì)修改自身元素的內(nèi)容(使用?this.innerHTML):
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <button onclick="this.innerHTML=Date()">現(xiàn)在的時(shí)間是?</button> </body> </html>
執(zhí)行程式碼試試看
提示：JavaScript程式碼通常是幾行程式碼。比較常見(jiàn)的是透過(guò)事件屬性來(lái)呼叫：
常見(jiàn)的HTML事件
下面是一些常見(jiàn)的HTML事件的列表:
| 事件 | 描述 |
|---|---|
| #onchange | HTML 元素改變 |
| onclick | 使用者點(diǎn)選HTML 元素 |
| #onmouseover | 使用者在一個(gè)HTML元素上移動(dòng)滑鼠 |
| #onmouseout | 使用者從一個(gè)HTML元素上移開(kāi)滑鼠 |
| onkeydown | 使用者按下鍵盤按鍵 |
| onload | 瀏覽器已完成頁(yè)面的載入 |
JavaScript 可以做什麼?
事件可以用來(lái)處理表單驗(yàn)證，使用者輸入，使用者行為及瀏覽器動(dòng)作:
頁(yè)面載入時(shí)觸發(fā)
事件頁(yè)面關(guān)閉時(shí)觸發(fā)
事件使用者點(diǎn)擊按鈕執(zhí)行動(dòng)作
驗(yàn)證使用者輸入內(nèi)容的合法性
等等...
可以使用多種方法來(lái)執(zhí)行JavaScript 事件程式碼：
HTML 事件屬性可以直接執(zhí)行JavaScript 程式碼
##HTML 事件屬性可以呼叫JavaScript 函數(shù)
你可以為HTML 元素指定自己的事件處理程序
- ##你可以阻止事件的發(fā)生。
- 等等...
