Промена стања објекта позната је као Догађај . У хтмл-у постоје различити догађаји који представљају да неку активност обавља корисник или прегледач. Када јавасцрипт код је укључен у ХТМЛ, јс реагује на ове догађаје и дозвољава извршење. Овај процес реаговања на догађаје се зове Управљање догађајима . Дакле, јс управља ХТМЛ догађајима преко Обрађивачи догађаја .
На пример , када корисник кликне преко претраживача, додајте јс код, који ће извршити задатак који треба извршити на догађају.
коришћење интернета
Неки од ХТМЛ догађаја и њихових обрађивача догађаја су:
Догађаји миша:
| Евент Перформед | Обрађивач догађаја | Опис |
|---|---|---|
| кликните | онцлицк | Када кликнете мишем на елемент |
| Миша преко | онмоусеовер | Када курсор миша дође преко елемента |
| моусеоут | онмоусеоут | Када курсор миша напусти елемент |
| моуседовн | онмоуседовн | Када се дугме миша притисне преко елемента |
| моусеуп | онмоусеуп | Када се дугме миша пусти изнад елемента |
| моусемове | онмоусемове | Када дође до кретања миша. |
Догађаји на тастатури:
| Евент Перформед | Обрађивач догађаја | Опис |
|---|---|---|
| Кеидовн & Кеиуп | онкеидовн & онкеиуп | Када корисник притисне па отпусти тастер |
Формуларни догађаји:
| Евент Перформед | Обрађивач догађаја | Опис |
|---|---|---|
| фокус | онфоцус | Када се корисник фокусира на елемент |
| прихвати | онсубмит | Када корисник поднесе образац |
| замућење | онблур | Када је фокус удаљен од елемента форме |
| променити | онцханге | Када корисник измени или промени вредност елемента обрасца |
Догађаји прозора/документа
| Евент Перформед | Евент Хандлер | Опис |
|---|---|---|
| оптерећење | на оптерећење | Када прегледач заврши са учитавањем странице |
| истоварити | онунлоад | Када посетилац напусти тренутну веб страницу, претраживач је учитава |
| промените величину | онресизе | Када посетилац промени величину прозора претраживача |
Хајде да разговарамо о неким примерима о догађајима и њиховим руковаоцима.
Кликните на Догађај
Javascript EventsТестирајте одмах
Догађај МоусеОвер
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>Тестирајте одмах
Фокусни догађај
Javascript Events <h2> Enter something here</h2>Тестирајте одмах
Кеидовн Евент
Javascript Events <h2> Enter something here</h2>Тестирајте одмах
Учитај догађај
Javascript Events <br>Тестирајте одмах