JavaScript 事件 JavaScript事件 事件是可以被JavaScript偵測到的行為。 HTML事件是發生在HTML元素上的事情。 當在HTML頁面中使用JavaScript時，JavaScript可以出發這些事件。 HTML事件 HTML事件可以是瀏覽器行為，也可以是用戶行為。 HT ...
JavaScript 事件
JavaScript事件
事件是可以被JavaScript偵測到的行為。
HTML事件是發生在HTML元素上的事情。
當在HTML頁面中使用JavaScript時，JavaScript可以出發這些事件。
HTML事件
HTML事件可以是瀏覽器行為，也可以是用戶行為。
HTML網頁中的每個元素都可以產生某些可以觸發JavaScript函數的事件。
以下是HTML事件的實例：
- HTML頁面完成載入
- HTML input欄位改變時
- HTML 按鈕被點擊
通常當事件發生時，可以做一些事情。
在事件觸發時，JavaScript可以執行一些代碼。
HTML元素中可以添加事件屬性，使用JavaScript代碼來添加HTML元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<span id="demo"></span>
<button onclick='getElementById("demo").innerHTML=Date()'>時間</button>
</body>
<script type="text/javascript">
</script>
</html>
以上實例中，JavaScript代碼將修改id=“demo”的元素的內容。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <span id="demo"></span> <button onclick='this.innerHTML=Date()'>時間</button> </body> <script type="text/javascript"> </script> </html>
以上實例，JavaScript代碼修改了自身元素的內容。（使用this.innerHTML）。
JavaScript代碼通常是幾行代碼，比較常見的是通過事件屬性來調用。
常見的HTML事件
| 事件 | 描述 |
| onchange | HTML元素改變 |
| onclick | 用戶點擊HTML元素 |
| onmouseover | 用戶在一個HTML元素上移動滑鼠 |
| onmouseout | 用戶在一個HTML元素上移開滑鼠 |
| onkeydown | 用戶按下鍵盤按鍵 |
| onload | 瀏覽器已完成頁面的載入 |
JavaScript可以做什麼？
事件可以用於處理表單驗證，用戶輸入，用戶行為及瀏覽器動作：
- 頁面載入時觸發事件
- 頁面關閉時觸發事件
- 用戶點擊按鈕執行動作
- 驗證用戶輸入內容的合法性
- 。。。。。。
可以使用多種方法來執行JavaScript事件代碼
- HTML事件屬性可以直接執行JavaScript代碼
- HTML事件屬性可以直接調用JavaScript函數
- 可以為HTML事件屬性指定自己的事件處理程式
- 可以阻止事件的發生
- 。。。。。。
--------------------end--------------------
