「事件」 一詞，在不同的領域中，所表示的含義則不同，那麼在JavaScript中的事件所表達的意思是什麼？今天小編將為大家帶來大數據編程入門：JavaScript事件。
HTML事件是指發生在HTML元素上的事情，比如按下確定按鈕，選擇某個單選按鈕或者複選框等。每一種控件有自己可以識別的事件，比如單擊、雙擊等事件。
在HTML頁面中使用JavaScript時，JavaScript可以觸發這些事件。
HTML事件
HTML事件可以是瀏覽器行為或用戶行為。
以下是HTML事件的示例：
① HTML頁面已完成加載
② 當HTML輸入字段更改時
③ 單擊HTML按鈕
通常，當事情發生時，你可以做一些事情。
觸發事件的對象稱為事件發送者；接收事件的對象稱為事件接收器。
JavaScript可以在觸發事件時執行一些代碼。
可以向HTML元素添加事件屬性，並使用JavaScript代碼添加HTML元素。
單引號：
<some-HTML-element some-event=’JavaScript 代碼’>
雙引號：
<some-HTML-element some-event=”JavaScript 代碼”>
在以下示例中，onclick屬性（帶有代碼）被添加到按鈕（button）元素中：
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>按鈕事件</title>
</head>
<body>
<button onclick=”getElementById(‘demo’).innerHTML=Date()”>現在的時間是?</button>
<p id=”demo”></p>
</body>
</html>
運行結果：
在上面的示例中，JavaScript代碼將修改id=「demo」元素的內容。
在下一個示例中，代碼將修改自身元素的內容（使用 this.innerHTML）：
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>事件演示</title>
</head>
<body>
<button onclick=”this.innerHTML=Date()”>現在的時間是?</button>
</body>
</html>
運行結果：
注意：Javascript代碼通常是幾行代碼。更常見的是通過事件屬性調用，比如：
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>事件演示</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事件：
| 事件 | 描述 |
| oncharge | 改變HTML元素 |
| onclick | 用戶點擊HTML元素 |
| onmouseover | 用戶將鼠標移到HTML元素上 |
| onmouseout | 用戶將鼠標移開HTML元素 |
| onkeydown | 用戶按下鍵盤按鍵 |
| onload | 瀏覽器已完成頁面的加載 |
JavaScript可以做什麼？
事件可用於處理表單驗證、用戶輸入、用戶行為和瀏覽器操作：
① 加載頁面時觸發的事件
② 關閉頁面時觸發的事件
③ 用戶單擊按鈕執行操作
④ 驗證用戶輸入的合法性
等等…
有幾種方法可以執行JavaScript事件代碼：
① HTML事件屬性可以直接執行JavaScript代碼
② HTML事件屬性可以調用JavaScript函數
③ 你可以為HTML元素指定自己的事件處理程序
④ 你可以防止這種情況發生。
等等…
以上就是關於大數據編程入門：JavaScript事件的全部內容了，希望這篇文章可以幫助到大家~
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/250007.html
微信掃一掃 
支付寶掃一掃 