Event對象（事件源對象）代表事件的狀態

　　比如事件在其中發生的元素、鍵盤按鍵的狀態、鼠標的位置、鼠標按鈕的狀態。

btn.onmousedown = function(event){ //在w3c標準中，直接在函數中聲明該參數即可
    
console.log(event);   //這次點擊事件的詳細信息
console.log(event.button);      //0 代表鼠標按下了左鍵，1代表按下了滾輪，2代表按下了右鍵。
}

註意：1.event對象是事件綁定中的一個隱藏的參數，可以通過arguments[0]來獲取；
        2：老版本的並沒有遵守w3c的規範，它的button屬性含義如下：
                    1鼠標左鍵 2鼠標右鍵 3左右同時按 4滾輪 5左鍵加滾輪 6右鍵加滾輪 7三個同時
 

兼容性寫法，支持老版本的IE。

　　btn.onmousedown = function(event){

//var evt = event || window.event ;// 如果event是有效的話，則把event賦值給evt,否則把

//window.event 賦值給evt;

　　console.log(event); // undefined；

　　console.log(window.event); //event對象

}

// IE6時，function(event){ }這個event是找不到的，只能通過window查找event。

clientX 、clientY

在可視區域的位置，也就是瀏覽器坐標。

鼠標在可視區域內的坐標。

document.onmousemove = function(event){

event = event || window.event;

document.title = event.clientX+","+event.clientY;

}

演示：鼠標跟隨的提示框。

offsetX 、offsetY

相對於事件源對象的偏移量，也就是元素的坐標，相對坐標。

鼠標在某個對象上時，鼠標與該對象的左上角的間距坐標。

div1.onmousemove = function(event){

event = event ||window.event;

document.title = event.offsetX+","+event.offsetY;

}

pageX、 pageY

鼠標在整個頁面上的坐標，計算滾動條距離。

document.onmousemove = function(event){

event = event || window.event;

document.title = event.pageX+","+event.page.Y;

}

screenX、 screenY

整個屏幕坐標，鼠標與當前電腦屏幕的間距。

document.onmousemove = function (event){

event = event || window.event;

document.title = event.screenX+","+event.screenY;

}

Event事件