JavaScript學習之事件是什麼？事件有什麼用？
- 青灯夜游轉載
- 2018-10-16 17:47:491887瀏覽
本篇文章就跟大家介紹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元素改變 | |
| #使用者點選HTML元素 | |
| ##onmouseover | |
| onmouseout | |
| #onkeydown | ##使用者按下鍵盤按鍵
JavaScript事件可以做什麼？
事件可以用於處理表單驗證，使用者輸入，使用者行為及瀏覽器動作：
頁面加載時觸發事件
頁面關閉時觸發事件
#使用者點擊按鈕執行動作
驗證使用者輸入內容的合法性
。 。 。 。 。 。
可以使用多種方法來執行JavaScript事件程式碼
#HTML事件屬性可以直接執行JavaScript程式碼
HTML事件屬性可以直接呼叫JavaScript函數
可以為HTML事件屬性指定自己的事件處理程序
可以阻止事件的發生
。 。 。 。 。 。
總結：以上就是這篇文章的全部內容，希望能對大家的學習有所幫助。更多相關教學請造訪JavaScript影片教學，jQuery影片教學，bootstrap教學！
以上是JavaScript學習之事件是什麼？事件有什麼用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！