Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/451842413518e7c3b3d884f2eb4cff83 to your computer and use it in GitHub Desktop.
Save anonymous/451842413518e7c3b3d884f2eb4cff83 to your computer and use it in GitHub Desktop.
События нажатия клавиши javascript

События нажатия клавиши javascript



Артемьев Сергей Игоревич ICQ: События клавиатуры порождаются нажатием клавиш, а события мыши - нажатием клавиш мыши или перемещением курсора. Всю информацию о событии можно узнать из свойств объекта event. Список событий и их краткое описение приведен в таблице:. Как видите, не все свойства совпадают для браузеров разных групп. Как следствие - разработчики вынуждены идти на ухищрения и большое количество дополнительных проверок, чтобы обеспечить качественную работу скрипта во всех браузерах т. Некоторые свойства объекта event доступны при любом типе события, но некоторые имеют значение лишь для некоторых типов. Вот простой пример, как можно обработать нажатие книпки мыши и одновременно определить состояние клавиши "Shift" на клавиатуре:. Если вы в функции checkClick попробуете прочитать значение свойства charCode , то получите неопределённое значение, так как в один момент времени не может быть нажата клавиша на клавиатуре и происходить клик мыши исключение составляют управляющие клавиши, не порождающие кодов символов, такие как Shift, Ctrl и Alt. Дело в том, что во всех браузерах, отвечающих стандартам W3C DOM, объект события передаётся в параметрах функции-обработчика параметр evt , а в семействе браузеров на базе Internet Explorer объект события является свойством объекта window. Применение указаной конструкции позволяет скрипту получать события независимо от типа браузера. Аналогичный механизм проверки может быть использован при определении доступности свойств объекта event. Например, следующий код позволяет блокировать контекстное меню браузера оно появляется при клике правой кнопкой мыши. Скрипт сначала получает доступ к объекту события, а затем проверяет у него наличие свойства, позволяющего блокировать появление меню. Обработка событий мыши часто используется при создании интерактивных меню, онлайн-игр, интерактивных карт и онлайн-приложений. В последнее время насыщенность и интерфейсная сложность сайтов сильно возросла, поэтому многие программисты стали уделять значительное внимание "мышиным" событиям и трюкам, которые на этих событиях основаны. Клавиатурные события обычно используются не реже событий мыши. Многие пользователи, работающие с настольными приложениями, привыкли пользоваться определёнными сочетаниями клавиш для выполнения рутинных операций выделение текста, копирование, вставка, изменение стиля или размера текста и т. Поэтому разработчики веб-приложений большое внимание уделяют обработке клавиатурных событий. Другая важная область применения клавиатурных событий - обработка форм. К сожалению, стандарт HTML не позволяет задавать маски ввода и диапазоны допустимых значений для полей формы. Поэтому, когда надо ограничить возможности ввода, прибегают к помощи JavaScript. Вот пример скрипта для контроля вводимых символов. Он перехватывает все нажания кнопок и позволяет ввести в текстовое поле формы только числовые символы:. Для перехвата события нажатия кнопки необходимо определить обработчик события onkeypress для того элемента, который необходимо контролировать. Сделать это можно либо в событии onload элемента body, либо непосредственно разместив скрипт в конце HTML-кода. Инициализировать обработчик сразу после объявления функции не получится, так как мы объявляем функцию в элементе head, содержимое которого грузится и анализируется браузером ДО того, как будет загружена остальная страница, а значит найти нужный элемент формы мы не сможем. Второй пример использования клавиатурных событий - изменение не редактируемых элементов страницы помощи клавиш. Но для этих целей лучше воспользоваться не onkeypress, а onkeydown или onkeyup. Только учитывайте, что событие onkeydown некорректно обрабатывается старыми версиями браузера Netscape. Этот скрипт будет перехватывать только клавиши стрелок курсора и сдвигать квадрат на странице в соответствии со стрелкой. Скрипт необходимо разместить в элементе head , а элемент div - внутри body. В завершение хочу отметить, что механизм событий - очень мощный инструмент в руках специалиста. Освоив его, вы сможете с лёгкостью решать различные, в том числе достаточно сложные задачи по созданию красивых и удобных страниц. События клавиатуры и мыши Автор: Координаты курсора относительно клиентской обрасти браузера область окна без учёта рамки, панели инструментов, строки состояния, меню и заголовка. Элемент, с которого пришел указатель. Имеет значение только для событий onmouseover и onmouseout. Элемент, на который переместился указатель. Для не позиционируемых элементов - координаты относительно body. Для всех остальных - относительно самого элемента.


По формуле 8 2 где
Расписание 404 автобуса красный путь
Ниссан скайлайн тест драйв видео
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment