摘要：有兩種事件處理程序的方式。第一種第二種事件當調(diào)整瀏覽器的窗口到一個新的寬度或高度時，就會觸發(fā)事件。事件在元素獲得焦點時觸發(fā)。這個事件冒泡某些瀏覽器不支持。事件在鼠標光標從元素外部首次移動到元素范圍內(nèi)時觸發(fā)。事件這個事件跟蹤鼠標滾輪。
JavaScript簡單入門可以看看我丑丑的Github博客JavaScript簡單入門
本文主要簡單介紹以下幾類事件：
UI事件
焦點事件
鼠標與滾輪事件
鍵盤與文本事件
UI事件
UI事件是指那些不一定與用戶操作有關(guān)的事件。
load事件
此事件為當頁面完全加載完之后（包括所有的圖像、js文件、css文件等外部資源），就會觸發(fā)window上面的load事件。
有兩種onload事件處理程序的方式。
//第一種
EventUtil.addHandler(window, "load", function(){
alert("load");
});
//第二種
圖像也可以觸發(fā)load事件，無論是在DOM中的圖像元素還是HTML中的圖像元素。
//第一種
//第二種
var img=document.getElementById("img");
EventUtil.addHandler(img,"load",function(){
event=EventUtil.getEvent(event);
alert(EventUtil.getTarget(event).src);
});
unload事件
此事件在文檔被完全卸載后觸發(fā)。用戶從一個頁面切換到另一個頁面就會被觸發(fā)。
有兩種定義onunload事件處理程序的方式。
//第一種
EventUtil.addHandler(window, "unload", function(){
alert("load");
});
//第二種
resize事件
當調(diào)整瀏覽器的窗口到一個新的寬度或高度時，就會觸發(fā)resize事件。這個事件在window（窗口）上面觸發(fā)。
EventUtil.addHandler(window, "resize", function(){
alert("resized");
});
scroll事件
這個事件會在文檔被滾動期間重復被觸發(fā)，所以應當盡量保持事件處理程序的代碼簡單。
//可以通過scrollLeft和scrollTop監(jiān)控變化
EventUtil.addHandler(window, "scroll", function(){
alert(document.body.scrollTop);
});
焦點事件
焦點事件會在頁面元素獲得或失去焦點時觸發(fā)。
blur事件
在元素失去焦點時觸發(fā)。這個事件不冒泡，所有瀏覽器都支持。
focus事件
在元素獲得焦點時觸發(fā)。這個事件不冒泡，所有瀏覽器都支持。
focusin事件
在元素獲得焦點時觸發(fā)。這個事件冒泡,某些瀏覽器不支持。
focusout事件
在元素失去焦點時觸發(fā)。這個事件冒泡，某些瀏覽器不支持。
注意：即使blur和focus不冒泡，也可以在捕獲階段偵聽到他們。
鼠標與滾輪事件
click事件
用戶單擊鼠標左鍵或按下回車鍵觸發(fā)
dbclick事件
用戶雙擊鼠標左鍵觸發(fā)。
mousedown事件
在用戶按下了任意鼠標按鈕時觸發(fā)。
mouseup事件
在用戶釋放鼠標按鈕時觸發(fā)。
mouseenter事件
在鼠標光標從元素外部首次移動到元素范圍內(nèi)時觸發(fā)。此事件不冒泡。
mouseleave事件
元素上方的光標移動到元素范圍之外時觸發(fā)。此事件不冒泡。
mousemove事件
光標在元素的內(nèi)部不斷的移動時觸發(fā)。
mouseover事件
鼠標指針位于一個元素外部，然后用戶將首次移動到另一個元素邊界之內(nèi)時觸發(fā)。
mouseout事件
用戶將光標從一個元素上方移動到另一個元素時觸發(fā)。
mousewheel事件
這個事件跟蹤鼠標滾輪。
一次click事件觸發(fā)順序
mousedown --> mouseup --> click
鍵盤與文本事件
keydown事件
當用戶按下鍵盤上的任意鍵時觸發(fā)。按住不放，會重復觸發(fā)。
keypress事件
當用戶按下鍵盤上的字符鍵時觸發(fā)。按住不放，會重復觸發(fā)。
keyup事件
當用戶釋放鍵盤上的鍵時觸發(fā)。
用戶按了一下鍵盤上的字符鍵時事件觸發(fā)順序 keydown --> keypress--> keyup
如果用戶按下字符鍵不放時，就會重復觸發(fā)keydown --> keypress
如果用戶按下非字符鍵時，就會觸發(fā)keydown --> keyup
鍵碼
在觸發(fā)事件時，event對象的keyCode屬性會包含一個代碼，與鍵盤上的一個特定鍵對應。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/89354.html
