元素偏移小結——screenX/Y、pageX/pageY、clientX/clientY、offsetX/offsetY

e.screenX、e.screenY: 鼠標位置相對於電腦屏幕左上角的偏移量。

e.pageX、e.pageY: 鼠標位置相對於頁面左上角的偏移量

e.clientX、e.clientY: 鼠標位置相對於瀏覽器窗口左上角的偏移量(屏幕滾動時,這個左上角也會移動,所以適配屏幕滾動的時候應使用pageX/pageY)

e.offsetX、e.offsetY: 鼠標位置相對於當前元素左上角(不包含border)的偏移量

故:e.pageY = e.clientY + window.scrollY(頁面偏移量 = 窗口偏移量 + 頁面滾動距離)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章