此外，事件對(duì)象還可能擁有很多其他的屬性，但是他們都是針對(duì)特定的event的。比如，鼠標(biāo)事件包含clientX和clientY屬性來(lái)表明鼠標(biāo)在當(dāng)前視窗的位置。

另外，stopPropagation()方法用于立即停止事件在DOM中的傳播，即取消進(jìn)一步的事件冒泡或捕獲。

var btn = document.getElementById("myDiv");
btn.onclick = function (event) {
    alert("clicked");
    event.stopPropagation();
};

//避免觸發(fā)在document.body上的事件處理程序
document.body.onclick = function (event) {
    alert("Body clicked");  
};

只有在事件處理程序執(zhí)行期間，event對(duì)象才會(huì)存在，一旦事件處理程序執(zhí)行完畢，event對(duì)象就會(huì)自動(dòng)銷毀。

在DOM 0級(jí)中添加事件處理程序時(shí)，event對(duì)象是作為window對(duì)象的一個(gè)屬性存在的：

var btn = document.getElementById("myDiv");
btn.onclick = function (event) {
    var event = window.event;
    alert(event.type);//click
};

IE 的event對(duì)象同樣也包含與創(chuàng)建它的事件相關(guān)的屬性和方法。

cancleBubble 布爾   默認(rèn)值時(shí)false，但可以被設(shè)置成true來(lái)取消事件冒泡，與dom中的 stopPropagation()方法相同。
returnValue  布爾    默認(rèn)值是true，當(dāng)設(shè)置成false時(shí)用以取消事件的默認(rèn)行為 與dom中的preventDefault（）相同。
srcElement　 元素  　　事件的目標(biāo)，與dom中的target屬性相同。
type　　　　　字符串   被觸發(fā)的事件類型。 

當(dāng)用戶點(diǎn)擊以后，event對(duì)象會(huì)包含以下屬性。

pageX，pageY：點(diǎn)擊位置相對(duì)于html元素的坐標(biāo)，單位為像素。
clientX，clientY：點(diǎn)擊位置相對(duì)于視口（viewport）的坐標(biāo)，單位為像素。
screenX，screenY：點(diǎn)擊位置相對(duì)于設(shè)備顯示屏幕的坐標(biāo)，單位為設(shè)備硬件的像素

圖示：clientX和clientY，他們的值表示事件發(fā)生時(shí)鼠標(biāo)指針在視口中的水平和垂直坐標(biāo)（不包含滾動(dòng)條區(qū)域）

偏移量

   通過以下4個(gè)屬性可以取得元素的偏移量。

   （1）offsetHeight：元素在垂直方向上占用的空間大小，以像素計(jì)。包括元素的高度、（可見的）水平滾動(dòng)條的高度、上邊框高度和下邊框高度。

   （2）offsetWidth：元素在水平方向上占用的空間大小，以像素計(jì)。包括元素的寬度、（可見的）垂直滾動(dòng)條的寬度、左邊框?qū)挾群陀疫吙驅(qū)挾取?
   （3）offsetLeft：元素的左外邊框至包含元素的左內(nèi)邊框之間的像素距離。

   （4）offsetTop：元素的上外邊框至包含元素的上內(nèi)邊框之間的像素距離。 

這兩個(gè)屬性表示鼠標(biāo)光標(biāo)在頁(yè)面中的位置，在頁(yè)面沒有滾動(dòng)的情況下，pageX，pageY的值與clientX，clientY的值相等

滾動(dòng)大小

滾動(dòng)大小，指的是包含滾動(dòng)內(nèi)容的元素的大小。

   以下是4個(gè)與滾動(dòng)大小相關(guān)的屬性。

   （1）scrollHeight：在沒有滾動(dòng)條的情況下，元素內(nèi)容的總高度。

   （2）scrollWidth：在沒有滾動(dòng)條的情況下，元素內(nèi)容的總寬度。

   （3）scrollLeft：被隱藏在內(nèi)容區(qū)域左側(cè)的像素?cái)?shù)。通過設(shè)置這個(gè)屬性可以改變?cè)氐臐L動(dòng)位置。

   （4）scrollTop：被隱藏在內(nèi)容區(qū)域上方的像素?cái)?shù)。通過設(shè)置這個(gè)屬性可以改變?cè)氐臐L動(dòng)位置。 

焦點(diǎn)事件會(huì)在頁(yè)面元素獲得或失去焦點(diǎn)時(shí)觸發(fā)，有以下4個(gè)焦點(diǎn)事件：

 1. blur：元素失去焦點(diǎn)時(shí)觸發(fā)，該事件不冒泡
 2. focus：元素獲得焦點(diǎn)時(shí)觸發(fā)。不冒泡
 3. focusin：元素獲得焦點(diǎn)時(shí)觸發(fā)，冒泡
 4. focusout：元素失去焦點(diǎn)時(shí)觸發(fā)，冒泡

DOM 3級(jí)定義了9個(gè)鼠標(biāo)事件：

click：當(dāng)用戶點(diǎn)擊鼠標(biāo)主鍵通常是指鼠標(biāo)左鍵或按回車鍵時(shí)觸發(fā)。

dbclick：用戶雙擊鼠標(biāo)時(shí)觸發(fā)

mousedown：當(dāng)用戶按下鼠標(biāo)任意一個(gè)鍵都會(huì)觸發(fā)，這個(gè)事件是不能夠通過鍵盤觸發(fā)的。

mousemove：當(dāng)鼠標(biāo)在某元素周圍移動(dòng)時(shí)重復(fù)觸發(fā)，該事件不能通過鍵盤事件觸發(fā)。

mouseout：當(dāng)鼠標(biāo)離開元素時(shí)觸發(fā)，這個(gè)事件不能通過鍵盤觸發(fā)。

mouseover：當(dāng)鼠標(biāo)進(jìn)入元素時(shí)觸發(fā)，這個(gè)事件不能夠通過鍵盤觸發(fā)。
 mouseenter：類似“mouseover”，但不冒泡，而且當(dāng)光標(biāo)移到后代元素上不會(huì)觸發(fā)。 

mouseleave：類似“mouseout”，但不冒泡。在元素上方是不觸發(fā)。

mouseup：當(dāng)用戶釋放鼠標(biāo)按鍵時(shí)觸發(fā)，不能夠通過鍵盤觸發(fā)。


傳遞給鼠標(biāo)事件處理程序的事件對(duì)象有clientX和clientY屬性，它們指定了鼠標(biāo)指針相對(duì)于包含窗口的坐標(biāo)。加入窗口的滾動(dòng)偏移量，就可以把鼠標(biāo)位置轉(zhuǎn)換成文檔坐標(biāo)。

　　頁(yè)面上的所有元素都支持鼠標(biāo)事件。除了mouseenter和mouseleave外，所有的事件都冒泡，并且他們的默認(rèn)行為是可以被取消掉的。但取消鼠標(biāo)事件的默認(rèn)行為可能會(huì)影響到其他事件，因?yàn)橛行┦髽?biāo)事件是相互依賴的。

mouseenter和mouseover的不同：
http://www.w3school.com.cn/ti...

（1）drag事件

drag事件在源對(duì)象被拖拉過程中觸發(fā)。

（2）dragstart，dragend事件

dragstart事件在用戶開始用鼠標(biāo)拖拉某個(gè)對(duì)象時(shí)觸發(fā)，dragend事件在結(jié)束拖拉時(shí)觸發(fā)。

（3）dragenter，dragleave事件

dragenter事件在源對(duì)象拖拉進(jìn)目標(biāo)對(duì)象后，在目標(biāo)對(duì)象上觸發(fā)。dragleave事件在源對(duì)象離開目標(biāo)對(duì)象后，在目標(biāo)對(duì)象上觸發(fā)。

（4）dragover事件

dragover事件在源對(duì)象拖拉過另一個(gè)對(duì)象上方時(shí)，在后者上觸發(fā)。

（5）drop事件

當(dāng)源對(duì)象被拖拉到目標(biāo)對(duì)象上方，用戶松開鼠標(biāo)時(shí)，在目標(biāo)對(duì)象上觸發(fā)drop事件。

JavaScript學(xué)習(xí)總結(jié)（一）基礎(chǔ)部分

JavaScript學(xué)習(xí)總結(jié)（二）數(shù)組和對(duì)象部分

JavaScript學(xué)習(xí)總結(jié)（三）BOM和DOM詳解

JavaScript學(xué)習(xí)總結(jié)（四）function函數(shù)部分

JavaScript學(xué)習(xí)總結(jié)（五）原型和原型鏈詳解

JavaScript學(xué)習(xí)總結(jié)（六）數(shù)據(jù)類型和JSON格式

JavaScript學(xué)習(xí)總結(jié)（七）Ajax和Http狀態(tài)字

JavaScript學(xué)習(xí)總結(jié)（八）正則表達(dá)式