元素指定了 onclick 事件處理程序。當用戶單擊這個元素時，就會看到事件的 客戶端坐標信息。注意，這些值中不包括頁面滾動的距離，因此這個位置并不表示鼠標在頁面上的位置。
? ? ? ?2.頁面坐標位置
? ? ? ?通過客戶區坐標能夠知道鼠標是在視口中什么位置發生的，而頁面坐標通過事件對象的 pageX 和 pageY 屬性，能告訴你事件是在頁面中的什么位置發生的。換句話說，這兩個屬性表示鼠標光標在頁面 中的位置，因此坐標是從頁面本身而非視口的左邊和頂邊計算的。 以下代碼可以取得鼠標事件在頁面中的坐標：?
? ? ? ? var div = document.getElementById("myDiv");
? ? ? ?EventUtil.addHandler(div, "click", function(event){
? ? ? ? ? ? ? event = EventUtil.getEvent(event);?
? ? ? ? ? ? ? alert("Page coordinates: " + event.pageX + "|" + pageX + "," + event.pageY + "|"+pageY);?
? ? ? ?});

? ? ? ?在頁面沒有滾動的情況下，pageX 和 pageY 的值與 clientX 和 clientY 的值相等。 IE8 及更早版本不支持事件對象上的頁面坐標，不過使用客戶區坐標和滾動信息可以計算出來。這 時候需要用到 document.body（混雜模式）或document.documentElement（標準模式）中的 scrollLeft 和 scrollTop 屬性。計算過程如下所示：?
? ? ? ? var div = document.getElementById("myDiv");
? ? ? ?EventUtil.addHandler(div, "click", function(event){
? ? ? ? ? ? ? event = EventUtil.getEvent(event);
? ? ? ? ? ? ? var pageX = event.pageX,
? ? ? ? ? ? ? ? ? ? ?pageY = event.pageY;?
? ? ? ? ? ? ? if (pageX === undefined){
? ? ? ? ? ? ? ? ? ? ?pageX = event.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft);
? ? ? ? ? ? ? }?
? ? ? ? ? ? ? if (pageY === undefined){
? ? ? ? ? ? ? ? ? ? ?pageY = event.clientY + (document.body.scrollTop || document.documentElement.scrollTop);
? ? ? ? ? ? ? }?
? ? ? ? ? ? ? alert("Page coordinates: " + event.pageX + "|" + pageX + "," + event.pageY + "|"+pageY);?
});
? ? ? ?3.屏幕坐標位置
? ? ? ?鼠標事件發生時，不僅會有相對于瀏覽器窗口的位置，還有一個相對于整個電腦屏幕的位置。而通 過 screenX 和 screenY 屬性就可以確定鼠標事件發生時鼠標指針相對于整個屏幕的坐標信息。圖 13-5 展示了瀏覽器中屏幕坐標的含義。?
? ? ? ?可以使用類似下面的代碼取得鼠標事件的屏幕坐標：?
? ? ? ? var div = document.getElementById("myDiv");
? ? ? ?EventUtil.addHandler(div, "click", function(event){
? ? ? ? ? ? ? event = EventUtil.getEvent(event);
? ? ? ? ? ? ? alert("Screen coordinates: " + event.screenX + "," + event.screenY);?
? ? ? ?});
? ? ? ?與前一個例子類似，這里也是為