Координаты мыши jQuery

В данной статье мы найдем и отобразим, используя jQuery, координаты курсора мыши относительно начала страницы (левый верхний угол по умолчанию имеет координаты (0,0)).

Шаг 1
Создайте пустой блок, в котором будут отображаться координаты мыши. Назначьте ему идентификатор #position.

HTML

<div id="position"></div>

Шаг 2
К вашему файлу присоедините библиотеку jQuery, внешнюю или внутреннюю - без разницы. Я буду использовать внешнюю библиотеку от Google.

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>

Шаг 3
Следующий jQuery код позволит вам увидеть координаты курсора мышки на странице. Сделано. Все просто.

JQuery

<script type="text/javascript">
$(document).ready(function(){
$(document).mousemove(function(e){
$('#position').html("<strong>Позиция по оси X :</strong>" + e.pageX + "<br />
 <strong>Позиция по оси Y :</strong>" + e.pageY);
});
});
</script>

event.pageX, event.pageY

Источник