События вызванные работой пользователя
При просмотре страницы пользователем возникают разного рода события (перемещение и щелчки мыши, ввод данных, ...). Все эти события 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> | Документ начал выгружаться. |
|