JavaScript 事件
HTML 事件是發生在 HTML 元素上的事情。
當在 HTML 頁面中使用 JavaScript 時， JavaScript 可以觸發這些事件。
HTML 事件
HTML 事件可以是瀏覽器行為，也可以是使用者行為。
以下是HTML 事件的實例：
HTML 頁面完成載入
HTML input 欄位改變時
HTML 按鈕被點擊
通常，當事件發生時，你可以做些事情。
在事件觸發時 JavaScript 可以執行一些程式碼。
HTML 元素中可以新增事件屬性，使用 JavaScript 程式碼來新增 HTML 元素。
單引號:
<some-HTML-elementsome-event='some JavaScript'>
雙引號:
<some-HTML-elementsome-event="some JavaScript##」>
實例
運行實例»點擊"運行實例" 按鈕查看線上實例
#以上實例中，JavaScript 程式碼將修改id="demo" 元素的內容。 在下一個實例中，程式碼會修改自身元素的內容(使用<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>
<p id="demo"></p>
</body>
</html>運行實例»點擊"運行實例" 按鈕查看線上實例
this.innerHTML):
實例
運行實例»點擊"運行實例"按鈕查看線上實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <button onclick="this.innerHTML=Date()">现在的时间是?</button> </body> </html>
運行實例»點擊"運行實例"按鈕查看線上實例
 | #JavaScript程式碼通常是幾行程式碼。比較常見的是透過事件屬性來呼叫：
|---|
實例
點擊"運行實例" 按鈕查看線上實例
常見的HTML事件<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击按钮执行 <em>displayDate()</em> 函数.</p>
<button onclick="displayDate()">点这里</button>
<script>
function displayDate(){
document.getElementById("demo").innerHTML=Date();
}
</script>
<p id="demo"></p>
</body>
</html>##運行實例»點擊"運行實例" 按鈕查看線上實例
下面是一些常見的HTML事件的清單:
| 描述 | |
|---|---|
| HTML 元素改變 | |
| HTML 元素改變 | |
| 使用者點選HTML 元素 | |
| 使用者在一個HTML元素上移動滑鼠 | |
| 使用者從一個HTML元素上移開滑鼠 | |
| 使用者按下鍵盤按鍵 |
更多事件清單: JavaScript 參考手冊 - HTML DOM 事件。
JavaScript 可以做什麼?
事件可以用來處理表單驗證，使用者輸入，使用者行為及瀏覽器動作:
頁面載入時觸發事件
頁面關閉時觸發事件
#使用者點擊按鈕執行動作
驗證使用者輸入內容的合法性
等等...
#可以使用多種方法來執行JavaScript 事件程式碼：
HTML 事件屬性可以直接執行JavaScript 程式碼
HTML 事件屬性可以呼叫JavaScript 函數
你可以為HTML 元素指定自己的事件處理程序
你可以阻止事件的發生。
等等...
| #在HTML DOM章節中你將會學到更多關於事件及事件處理程序的知識。 |
|---|
