В Jquery очень просто организовать отслеживание положение указателя на странице.
Иногда это бывает необходимо для того, чтобы разместить в позиции указателя элемент управления, всплывающую подсказку и т.п.
Для того, чтобы протестировать работу нужно создать страницу с помощью блокнота или c помощью программы Notepad++, которую можно бесплатно скачать отсюда: http://notepad-plus-plus.org/
и написать внутри страницы следующие:
<!DOCTYPE html>
<html lang="en">
<head> <meta charset="utf-8">
<title>jQuery Example</title>
<!--здесь должна быть ссылка на вашу версию-->
<script src="jquery-1.5.1.js"></script>
После этого, можно проверить работу JQuery следующим образом.
Напишем на странице следующий код:
<script>
$(function() {
$(document).mousemove(function(e){
$('#status').html(e.pageX +', '+ e.pageY);
});
});
</script>
<body>
<div id="status">0, 0</div>
</body>
</html>
При запуске страницы с помощью Google Chrome и нажатии на клавишу должно появится окошко с числовым кодом нажатой клавиши
Пояснение
Конструкция $(document).mousemove(function(e){ - запускает перехват ввода указателя.
Событие просиходит, когда мышь двигается (mousemove) , из объекта e с помощью методов pageX и e.pageY , можно получить координаты указателя на странице (в документе)
Для того, чтобы отобразить координаты, мы используем слой с идентификатором "status"
Конструкция $('#status').html(); - помещает значение координат внутрь слоя.
Комментариев нет:
Отправить комментарий