Открыть меню    

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

координаты мыши на 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

e - объект, содержащий данные о произошедшем событии. Передается во все обработчики событий, которые были установлены при помощи библиотеки jQuery.
event.pageX, event.pageY
Координаты курсора мыши относительно левого верхнего угла документа.

Источник

Комментарии к статье

Добавить комментарий