“事件” 一詞，在不同的領域中，所表示的含義則不同，那么在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事件的全部內容了，希望這篇文章可以幫助到大家~
相關推薦
飛利浦276e顯示器評測（飛利浦276e8VJSB怎么樣）
一、前言 4K液晶顯示器發展至今已經過去了好幾個年頭了，隨著制造工藝的成熟和成本的降低，4K顯示器的售價也是變得越來越親民，市場上涌現了許多入門級的4K顯示器，不過，雖說是入門，但…
js壓縮工具哪些好（推薦這15款壓縮工具）
JavaScript 代碼壓縮是指去除源代碼里的所有不必要的字符，而不改變其功能的過程。這些不必要的字符通常包括空格字符，換行字符，注釋以及塊分隔符等用來增加可讀性的代碼，但并不需…
js壓縮工具哪個好（實測好用且簡單的9款工具）
削減是一個從源代碼中刪除不必要的字符的技術使它看起來簡單而整潔。這種技術也被稱為代碼壓縮和最小化。在這里，我們為你收集了9個最好的JavaScript壓縮工具將幫助您刪除不必要的空…
js日期加一天的公式（js獲取下一天的日期的方法）
想自己寫一個日期的加減方法，但是涉及到每個月天數的判斷，如果是2月份的話，還要涉及到閏年的判斷，有些復雜，應用過程中總是出現問題，于是查了下資料，以在某個日期上加減天數來說，其實只…
jsp和servlet區別在哪（簡述2者間的不同處）
JSP全名為Java Server Pages，中文名叫java服務器頁面，其根本是一個簡化的Servlet設計，它是由SunMicrosystems公司倡導、許多公司參與一起建立…
版權聲明：本文內容由互聯網用戶自發貢獻，該文觀點僅代表作者本人。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容， 請發送郵件至 舉報，一經查實，本站將立刻刪除。