1、screenX 和screenY
參照點:電腦屏幕左上角
screenX:鼠標點擊位置相對于電腦屏幕左上角的水平偏移量
screenY:鼠標點擊位置相對于電腦屏幕左上角的垂直偏移量
2近顷、clientX和clientY
參照點:瀏覽器內容區(qū)域左上角
clientX:鼠標點擊位置相對于瀏覽器可視區(qū)域的水平偏移量(不會計算水平滾動的距離)
clientY:鼠標點擊位置相對于瀏覽器可視區(qū)域的垂直偏移量(不會計算垂直滾動條的距離)
3诈唬、pageX和pageY
參照點:網頁的左上角
pageX:鼠標點擊位置相對于網頁左上角的水平偏移量韩脏,也就是clientX加上水平滾動條的距離
pageY:鼠標點擊位置相對于網頁左上角的垂直平偏移量,也就是clientY加上垂直滾動條的距離
4铸磅、offsetX和offsetY
offsetX:鼠標點擊位置相對于觸發(fā)事件對象的水平距離
offsetY:鼠標點擊位置相對于觸發(fā)事件對象的垂直距離
offsetWidth: 為元素的width+元素的padding+邊框的寬度
offsetLeft是元素邊框外側到body內側的距離body.offsetLeft=-邊框寬度