事件與事件處理概述：
阿新 • • 發佈：2018-12-17
一、概述
事件是一些可以通過指令碼響應的頁面動作；當用戶按下滑鼠鍵或者提交一個表單，甚至在頁面上移動滑鼠時，事件就會出現。事件處理是一段JavaScript程式碼，總是與頁面中的特定部分以及一定的事件相關聯。
事件處理的過程分為三步：
- 發生事件；
- 啟動時間處理程式；
- 事件處理程式做出反應；
1.1 JavaScript常用事件：
1.2事件處理程式的呼叫：
在使用事件處理程式對頁面進行操作時，最主要的是如何通過物件的事件來指定事件處理程式。以下為兩種指定方法：
1.在JavaScript中： 在JavaScript中呼叫事件處理程式，首先需要獲得要處理物件的引用，然後將要執行的處理函式賦值給對應的事件，
2 在HTML中： 在HTML中分配事件處理程式，只需要在HTML標記中新增相應的事件，並在其中指定要執行的程式碼或函式名即可。
<input name="bt_name" type="button" value="儲存" onclick="alert("單擊了儲存按鈕");">
二、DOM事件模型
2.1事件流：
DOM結構是一個樹形結構，當一個HTML元素產生一個事件時，該事件會在元素節點與根節點之間的路徑傳播，路徑所經過的節點都會收到該事件，這個傳播過程可稱為DOM事件流。
2.2常用事件：
2.2.1單擊事件：
通過按鈕變換背景顏色：
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript" > var ArrayColor = new Array("olive", "teal", "red", "blue", "maroon", "navy", "lime", "teal", "fuschia", "green", "purple", "gray", "yellow", "silver"); var n = 0; function turncolor() { if(n==(ArrayColor.length-1)) { n = 0; } n++; document.bgColor = ArrayColor[n]; } </script> </head> <body> <form> <input type="button" name="submit" value="變換背景" onclick="turncolor()" style="padding:1em; width: 165px;" /> <P>用按鈕隨意變換背景顏色</P> </form> </body> </html>
2.2.2 滑鼠的移入移除事件：
滑鼠的移入移除事件分別為：onmouseover和onmouseot事件。
2.2.3 滾動字幕事件：
字幕滾動事件主要是在<marquee>標記中使用。
onbounce事件； onstart事件；