Как узнать координаты мыши в 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 означает смещение (в пикселах) указателя мыш от левого (и верхнего) края страницы браузера.
Оставить свой ответ:
