События вызванные работой пользователя
При просмотре страницы пользователем возникают разного рода события (перемещение и щелчки мыши, ввод данных, ...). Все эти события HTML позволяет отслеживать и дает возможность выполнять какие либо действия по ним. Это позволяет превратить документ из статического в динамический, документ который реагирует на действия пользователя. Все теги имеют команды (атрибуты) управления событиями. Для обработки событий как правило используют скрипты. В таблицах представлены события контролируемые HTML.
События всех элементов HTML
Событие | Выполняется когда: |
Onclick | Произведён щелчок левой кнопкой мыши. |
Ondblcliсk | Произведён двойной щелчок кнопкой мыши. |
Onmousedown | Нажата кнопка мыши, когда указатель находится на элементе. |
Onmousemove | Указатель мыши перемещается по элементу. |
Onmouseup | Кнопка мыши отпущена, когда указатель находится на элементе. |
Onmouseover | Указатель мыши входит в пределы элемента. |
Onmouseout | Указатель мыши выходит за пределы элемента. |
Onkeydown | Нажата клавиша на клавиатуре. |
Onkeypress | Нажата и затем отпущена клавиша на клавиатуре. |
Onkeyup | Отпущена клавиша на клавиатуре. |
Onscroll | Элемент прокручивается. |
В HTML имеются элементы позволяющие вводить данные, эти элементы получают фокус когда пользователь выбрал их и вводит данные. Такие элементы имеют дополнительные события. Если осуществлять контроль событий фокуса то необходимо определить действия для всех событий приведенных в таблице. События расположены в порядке использования, если порядок не соблюден то будет неверно выполняться кода (это может вызвать большие затруднения при отладке кода).
События элементов получающих фокус
Событие | Выполняется когда: |
Onenter | Произведён вход в элемент. |
Onfocus | Устанавливается фокус ввода для элемента. |
Onexit | Произошел выход из элемента. |
Onblur | Снимается фокус с элемента. |
Некоторые объекты вызывают события присущие только им.
Индивидуальные события элементов
Событие | Теги | Выполняется когда: |
onabort | <IMG> | Пользователь прерывает прием изображения. |
onchange | <input type=...> <select> <textarea> | Объект изменяется при вводе данных пользователем. При этом на элементе должен быть установлен фокус ввода. |
onload | <body> <image> | Элемент полностью загружен. |
onreadystatechange | <applet> <embed> <frame> <iframe> <IMG> <object> <script src=> | Состояние элемента изменилось. |
onreset | <form> | Нажата кнопка Reset (пользователь очистил форму). |
onselect | <input type=password> <input type=text> <textarea> | Отпущена кнопка мыши при выделении текста пользователем. |
onsubmit | <form> | Нажата кнопка Submit (форма передана обработку). |
onunload | <body> | Документ начал выгружаться. |
|