大致按照從小到大順序依次解析:
1. event.offsetX、event.offsetY
鼠標(biāo)相對(duì)于事件源元素(srcElement)的X,Y坐標(biāo),也作相對(duì)于觸發(fā)事件的對(duì)象,只有IE事件有這2個(gè)屬性,標(biāo)準(zhǔn)事件沒(méi)有對(duì)應(yīng)的屬性。
2. event.clientX、event.clientY
鼠標(biāo)相對(duì)于瀏覽器窗口可視區(qū)域的X,Y坐標(biāo)(窗口坐標(biāo)),可視區(qū)域不包括工具欄和滾動(dòng)條。IE事件和標(biāo)準(zhǔn)事件都定義了這2個(gè)屬性
3. event.pageX、event.pageY
類(lèi)似于event.clientX、event.clientY,但它們使用的是文檔坐標(biāo)而非窗口坐標(biāo);頁(yè)面沒(méi)有滾動(dòng)時(shí),event.pageX、event.pageY的值與event.clientX、event.clientY的值相等;滾動(dòng)后大于event.clientX、event.clientY的值。這2個(gè)屬性不是標(biāo)準(zhǔn)屬性,但得到了廣泛支持。IE事件中沒(méi)有這2個(gè)屬性。
4. event.screenX、event.screenY
鼠標(biāo)相對(duì)于用戶顯示器屏幕左上角的X,Y坐標(biāo)。標(biāo)準(zhǔn)事件和IE事件都定義了這2個(gè)屬性
