今天給諸位分享一下 chapter 12 Events

?所謂事件就是頁面與文檔窗口發生交互的瞬間。當年事件發生時它可以被預定（程序處理）。

?事件有兩個過程，冒泡過程，或捕獲過程。

?冒泡是自上而下，捕獲是自下而上。
這個順序是document -> html -> body -> onclick element

?

?比如單擊一下一個div，但瀏覽器不認為你只單擊一個dom元素，而是div,body,html,document等這些元素。

?dom一般會處理捕獲或冒泡時的事件，但ie只處理冒泡時，
ie的event 處理 attachEvent(type,fn);
dom addEventListener(type,fn, true|false);

dom?addEventListener(type,fn,?true|false);
type:事件類型，
fn:事件處理函數
true?在捕獲階段，?false?在冒泡階段。

?司徒的通用addEvent:

addEvent:function(el,?type,?fn?)?{
??if(!+"\v1")?{
??????el['e'+type+fn]=fn;
??????el.attachEvent(?'on'+type,?function()?{
??????????el['e'+type+fn]();
??????}?);
??}else{
??????el.addEventListener(?type,?fn,?false?);
??}
}

這與平常的element.onclick這種有什么區別呢？

如果給element上添加兩個onclick只會執行一個。但attachEvent添加兩個，會從后往執行。

?對應的刪除事件：detchEvent() removeEventListener()

一般事件分五類：
1.?UI事件，
2.?7個鼠標事件(click,dblclick,mousedown,mouseover,mousemove,mouseup,mouseout,)
3.?3個鍵盤事件(?keypress,keydown,keyup)
4.?html事件(load,resize,scroll,unload)
5?因dom變化引起的事件

今天大概就這么多。細節，還要在仔細斟酌。

總結

以上是生活随笔為你收集整理的Javascript高级程序设计第二版第十二章--Event--笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。