Как узнать координаты мыши в javascript

Чтобы определить и занести в переменную координаты движения мыши над фотографией, воспользуйтесь следующим javascript кодом:

 

<html lang="en"><head><meta charset="utf-8"><title>Pirates Booty</title>
<script>
window.onload = init;
function init() {//ловим события движения мышкой над фоткой
    var map = document.getElementById("map");
    map.onmousemove = showCoords;
}
function showCoords(eventObj) {//передаем координаты на экран в элемент <p>
    var x = eventObj.clientX;
    var y = eventObj.clientY;
    var map = document.getElementById("coords");
    map.innerHTML = "coordinates: "  + x + ", " + y;
}
</script>
</head><body>
<img id="map" src="X.jpg">
<p id="coords">Move mouse to find coordinates...</p>
</body></html>

 

Свойства события перемещения мыши clientX и clientY означает смещение (в пикселах) указателя мыши от левого (и верхнего) края окна браузера.

 

 

В чем разница между clientX и clientY, sсreenX и screenY и pageX, pageY?


sсreenX, screenY это смещение (в пикселах) указателя мыши от левого (и веРхнего) края пользовательского экрана.
pageX, pageY означает смещение (в пикселах) указателя мыш от левого (и верхнего) края страницы браузера.


Другие ответы на вопрос: Как узнать координаты мыши в javascript


Имя:*
E-Mail:
Напишите ваш ответ:
Вопрос:
Skolko buдет пять пдюс сeмь?
Ответ:*

365

QQpedia.ru - cамые интересные вопросы