Ошибка в описании event.clientX / event.clientY

[jeanstefanovich]

Здравствуйте, команда сайта.

https://learn.javascript.ru/introduction-browser-events#obekt-sobytiya
В строке
event.clientX / event.clientY
Координаты курсора в момент клика относительно окна, для событий мыши.

Ошибка в том, что координаты относительно элемента, а не окна (надо event.screenX).

https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/clientX

let screenLog = document.querySelector("#screen-log");
document.addEventListener("mousemove", logKey);

function logKey(e) {
  screenLog.innerText = `
    Screen X/Y: ${e.screenX}, ${e.screenY}
    Client X/Y: ${e.clientX}, ${e.clientY}`;
} ≤/pre>

[Alexandre887]

Здравствуйте.

В тексте ошибок нет. clientX / clientY — относительно viewport'a окна браузера; screenX / screenY — относительно физического монитора/экрана.

[jeanstefanovich]

Извиняюсь, из-за iframe возникло недопонимание. Оказалось, что iframe имеет отдельный viewport и координаты выглядят как от элемента.