Javascript時間簡介
事件：
——事件就是檔案或瀏覽器視窗中發生的一些特定的互動瞬間
——Javascript與HTML之間的互動是通過事件實作的
——對于Web應用來說，有下面這些代表性的事件：單擊事件、滑鼠移入移出事件、鍵盤按下/彈起事件等等
檔案加載：瀏覽器在加載一個頁面是，是按照自上而下的順序加載的，讀取到一行的時候就運行一行，如果將script標簽寫在上面，在執行代碼時，頁面還沒有加載
1. onload事件：onload事件會在整個頁面加載完成之后觸發為window系結一個onload事件
注意：window.onload在頁面上只能出現一次，后面的代碼會覆寫前面的代碼
2.事件物件（Event）
//Event物件代表事件的狀態，比如事件在其中發生的元素、鍵盤按鍵的狀態、滑鼠的位置、滑鼠按鈕的狀態。事件通常與函式結合使用，函式不會在事件發生前執行！
//滑鼠/鍵盤屬性
例：ClientX：回傳當事件被觸發時，滑鼠指標的水平坐標。
ClientY：回傳當事件被出發時，滑鼠指標的垂直坐標。
注意：有些瀏覽器不兼容event事件，所以需要解決兼容問題。
方法：event=event||window.event
3.事件冒泡（Bubble）
——所謂冒泡指的就是事件的向上傳異，當后代元素上的事件被觸發時，其祖先的相同事件也會被觸發
——在開發大部分情況冒泡都是有用的，如果不希望冒泡發生可以通過事件物件取消冒泡（event.cancel|Bubble=true）
4.事件的委派
——指將事件統一系結給元素共同的祖先元素，這樣當后代元素上的事件觸發時，會一直冒泡到祖先元素，從從而通過祖先元素的回應函式來處理事件
——事件委派是利用冒泡通過委派可以減少事件系結的次數，提高程式的性能
——事件物件的屬性target：回傳觸發此事件的元素（事件的目標點）
5.事件的系結
例如：
/*
使用 物件.事件=函式形式系結事件
它只能同時為同一個元素系結同一事件一次
不能系結多次，如果系結多次，后面的會覆寫掉前面的
*/
/*
btn.onclick=function(){
alert(1);
};
btn.onclick=function(){
alert(2);
//addEventListener()
- 通過這個方法也可以為元素系結回應函式
- 引數：
1.事件的字串，不加on
2.回呼函式，當事件觸發時該函式會被呼叫
3.是否在捕獲階段觸發事件，需要一個布林值，一般都傳false
使用addEventListener()可以同時為一個元素的相同事件系結多個回應函式
這樣當事件被觸發時，回應函式將會按照函式的系結順序執行
這個方法不支持IE8及以下的瀏覽器
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/56036.html
標籤：HTML(CSS)
上一篇：JavaScript異步Ajax