clientX、pageX、offsetX、screenX的區(qū)別

區(qū)別：

clientX、clientY：

相對于瀏覽器窗口可視區(qū)域的X，Y坐標（窗口坐標），可視區(qū)域不包括工具欄和滾動條。IE事件和標準事件都定義了這2個屬性。

pageX、pageY：

類似于clientX、clientY，但它們使用的是文檔坐標而非窗口坐標。這2個屬性不是標準屬性，但得到了廣泛支持。IE事件中沒有這2個屬性。

offsetX、offsetY：

相對于事件源元素（srcElement）的X,Y坐標，只有IE事件有這2個屬性，標準事件沒有對應(yīng)的屬性。

screenX、screenY：

相對于用戶顯示器屏幕左上角的X,Y坐標。標準事件和IE事件都定義了這2個屬性。

其實這幾個的區(qū)別很好記的！其實就是英文單詞的意思，不過對于廣大中國人來說會覺得很迷惑。

client就是客戶端，客戶端就是瀏覽器，也就是相對瀏覽器的坐標。

page就是文檔，也就是相對網(wǎng)頁的坐標，也就是相對于瀏覽器可視區(qū)域的坐標還要加上滾動條。

offset就是偏移，也就是想相對于源元素的偏移位置。

screen就是屏幕，也就是相對于屏幕的坐標。

這樣就好記了~

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com