總是會(huì)被javascript的event對(duì)象的clientX,offsetX,screenX,pageX 弄得頭暈尊浓，于是決定做個(gè)圖來區(qū)分一下.
先總結(jié)下區(qū)別：
event.clientX、event.clientY
鼠標(biāo)相對(duì)于瀏覽器窗口可視區(qū)域的X，Y坐標(biāo)（窗口坐標(biāo)），可視區(qū)域不包括工具欄和滾動(dòng)條。IE事件和標(biāo)準(zhǔn)事件都定義了這2個(gè)屬性
event.pageX旱易、event.pageY
類似于event.clientX、event.clientY腿堤，但它們使用的是文檔坐標(biāo)而非窗口坐標(biāo)阀坏。這2個(gè)屬性不是標(biāo)準(zhǔn)屬性，但得到了廣泛支持笆檀。IE事件中沒有這2個(gè)屬性忌堂。
event.offsetX、event.offsetY
鼠標(biāo)相對(duì)于事件源元素（srcElement）的X,Y坐標(biāo)酗洒，只有IE事件有這2個(gè)屬性士修，標(biāo)準(zhǔn)事件沒有對(duì)應(yīng)的屬性。
event.screenX樱衷、event.screenY
鼠標(biāo)相對(duì)于用戶顯示器屏幕左上角的X,Y坐標(biāo)棋嘲。標(biāo)準(zhǔn)事件和IE事件都定義了這2個(gè)屬性
上圖！ｓ锢稀７庾帧！
Paste_Image.png
