想獲取滑鼠位置首先需要知道event物件

event物件

事件物件，是一個內建的全域性物件，當一個事件發生的時候，和當前這個物件發生的這個事件有關的一些詳細資訊都會被臨時儲存到一個指定的地方 - event物件，供我們在需要的時候呼叫

更加全面的解釋可以參考這個連結https://www.jianshu.com/p/c99905810bce

screenX  screenY：相對於螢幕

// 當滑鼠在圖片上點選事件
$(".content").click((event) => {
    var e = event || window.event ;
    console.log("相對於螢幕"+e.screenX,e.screenY); //531 123
})
 

點選左上角，此時螢幕是全屏狀態，當螢幕處於不全屏狀態時，點選左上角此時，座標還是531 123

clientX  clientY:相對於瀏覽器內容可視區域

$(".content").click((event) => {
    var e = event || window.event ;
    console.log("相對於瀏覽器內容可視區域"+e.clientX,e.clientY);
})

全屏狀態下輸出：531 21

將瀏覽器螢幕縮小：此時輸出了173  21