辨析js Event對(duì)象的offsetX、clientY、pageX、screenX(轉(zhuǎn))

大致按照從小到大順序依次解析:
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è)屬性

點(diǎn)擊查看文章來(lái)源

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容