En
HTML Атрибути подій
Глобальні атрибути подій
HTML 4 додав можливість дозволити подіям запускати дії в браузері, наприклад, запуск JavaScript, коли користувач натискає на елемент.
Щоб дізнатись більше про програмування подій, відвідайте JavaScript Підручник на нашому сайті W3Schools українською.
Нижче наведені глобальні атрибути подій, які можна додати до HTML елементів, щоб визначити дії подій.
Вікно атрибутів подій
Події, що ініціюються для об’єкта вікна (застосовуються до тега <body>):
| Атрибут |
Значення |
Опис |
| onafterprint |
script |
Скрипт буде запущено після друку документа |
| onbeforeprint |
script |
Скрипт буде запущено перед друком документа |
| onbeforeunload |
script |
Скрипт буде запущено коли документ буде вивантажено |
| onerror |
script |
Скрипт буде запущено при виникненні помилки |
| onhashchange |
script |
Скрипт буде запущено коли відбулась зміна прив’язки частини URL-адреси |
| onload |
script |
Запускається після завершення завантаження сторінки |
| onmessage |
script |
Скрипт буде запущено коли повідомлення спрацьовує |
| onoffline |
script |
Скрипт буде запущено коли браузер починає працювати в автономному режимі |
| ononline |
script |
Скрипт буде запущено коли браузер починає працювати в Інтернеті |
| onpagehide |
script |
Скрипт буде запущено коли користувач залишає сторінку |
| onpageshow |
script |
Скрипт буде запущено коли користувач переходить на сторінку |
| onpopstate |
script |
Скрипт буде запущено коли історія вікна змінюється |
| onresize |
script |
Скрипт буде запущено коли змінюється розмір вікна веб-браузера |
| onstorage |
script |
Скрипт буде запущено коли область веб-сховища оновлюється |
| onunload |
script |
Запускається після вивантаження сторінки (або закриття вікна веб-браузера) |
Події форми
Події, викликані діями в формі HTML (застосовується до майже всіх елементів HTML, але найбільш часто використовується в елементах форми):
| Атрибут |
Значення |
Опис |
| onblur |
script |
Запускає момент, коли елемент втрачає фокус |
| onchange |
script |
Запускає момент, коли змінюється значення елемента |
| oncontextmenu |
script |
Скрипт запускається, коли спрацьовує контекстне меню |
| onfocus |
script |
Запускає момент, коли елемент отримує фокус |
| oninput |
script |
Скрипт буде запущено, коли елемент отримує введення користувача |
| oninvalid |
script |
Скрипт буде запущено коли елемент не дійсний |
| onreset |
script |
Спрацьовує при натисканні кнопки 'Скидування' в формі |
| onsearch |
script |
Запускається, коли користувач записує щось в полі пошуку (для <input='search'>) |
| onselect |
script |
Запускається після вибору текста в елементі |
| onsubmit |
script |
Запускається під час надсилання форми |
Події за допомогою клавіатури
| Атрибут |
Значення |
Опис |
| onkeydown |
script |
Запускається, коли користувач натискає клавішу |
| onkeypress |
script |
Запускається, коли користувач натискає клавішу |
| onkeyup |
script |
Запускається, коли користувач відпускає клавішу |
Події за допомогою миші
| Атрибут |
Значення |
Опис |
| onclick |
script |
Запускається при натисканні миші на елементі |
| ondblclick |
script |
Запускається при подвійному клацанні миші на елементі |
| onmousedown |
script |
Запускається, коли кнопка миші натиснута на елементі |
| onmousemove |
script |
Запускається, коли вказівник миші переміщується над елементом |
| onmouseout |
script |
Запускається, коли вказівник миші виходить за межі елемента |
| onmouseover |
script |
Запускається, коли вказівник миші переміщується над елементом |
| onmouseup |
script |
Запускається, коли кнопка миші відпускається над елементом |
| onmousewheel |
script |
Застарілий. Використовуйте атрибут onwheel замість цього |
| onwheel |
script |
Запускається, коли колесо миші прокручується вгору або вниз над елементом |
Події перетягування
| Атрибут |
Значення |
Опис |
| ondrag |
script |
Скрипт буде запущено коли елемент перетягується |
| ondragend |
script |
Скрипт буде запущено після завершення операції перетягування |
| ondragenter |
script |
Скрипт буде запущено коли елемент перетягується до дійсної цілі скидування |
| ondragleave |
script |
Скрипт буде запущено коли елемент залишає дійсну ціль скидування |
| ondragover |
script |
Скрипт буде запущено коли елемент перетягується через дійсну ціль скидування |
| ondragstart |
script |
Скрипт буде запущено на початку перетягування |
| ondrop |
script |
Скрипт буде запущено коли перетягується елемент |
| onscroll |
script |
Скрипт буде запущено коли смуга прокрутки елемента прокручується |
Події буфера обміну
| Атрибут |
Значення |
Опис |
| oncopy |
script |
Запускається, коли користувач копіює зміст елемента |
| oncut |
script |
Запускається, коли користувач скорочує зміст елемента |
| onpaste |
script |
Запускається, коли користувач вставляє виділений зміст в елемент |
Події Медіа
Події, які запускаються засобами медіа, такими як відео, зображення і аудіо (застосовуються до всіх елементів HTML, але найбільш часто зустрічаються в медіа-елементах, наприклад <audio>, <embed>, <img>, <object> та <video>).
| Атрибут |
Значення |
Опис |
| onabort |
script |
Скрипт буде запущено під час відміни |
| oncanplay |
script |
Скрипт буде запущено коли файл готовий до початку відтворення (коли він буферизований для початку) |
| oncanplaythrough |
script |
Скрипт буде запущено коли файл можна відтворити до кінця, не зупиняючись для буферизації |
| oncuechange |
script |
Скрипт буде запущено коли змінюється сигнал в елементі <track> |
| ondurationchange |
script |
Скрипт буде запущено коли змінюється тривалість медіа |
| onemptied |
script |
Скрипт буде запущено коли станеться щось погане і файл неочікувано стає недоступним (наприклад, неочікувано відключається) |
| onended |
script |
Скрипт буде запущено коли медіа досягли кінця (корисна подія для повідомлень типу 'дякуємо за прослуховування/перегляд') |
| onerror |
script |
Скрипт буде запущено коли виникає помилка під час завантаження файлу |
| onloadeddata |
script |
Скрипт буде запущено коли медіадані завантажені |
| onloadedmetadata |
script |
Скрипт буде запущено коли завантажуються метадані (наприклад, розміри та тривалість) |
| onloadstart |
script |
Скрипт буде запущено коли файл починає завантажуватись до того, як щось дійсно завантажено |
| onpause |
script |
Скрипт буде запущено коли медіа призупинено або користувачем, або програмно |
| onplay |
script |
Скрипт буде запущено коли медіа готове до початку відтворення |
| onplaying |
script |
Скрипт буде запущено коли медіа фактично почало відтворюватись |
| onprogress |
script |
Скрипт буде запущено коли браузер знаходиться в процесі отримання медіаданих |
| onratechange |
script |
Скрипт буде запущено кожен раз, коли швидкість відтворення змінюється (наприклад, коли користувач перемикається на режим повільної або швидкої перемотки вперед) |
| onseeked |
script |
Скрипт буде запущено коли атрибут шукає значення false, що вказує на те, що пошук закінчився |
| onseeking |
script |
Скрипт буде запущено коли атрибут шукає значення true, що вказує на те, що пошук є активним |
| onstalled |
script |
Скрипт буде запущено коли браузер не може отримати дані медіа з якоїсь причини |
| onsuspend |
script |
Скрипт буде запущено при отриманні медіаданих, зупиняється перед повним завантаженням з якоїсь причини |
| ontimeupdate |
script |
Скрипт буде запущено коли змінюється позиція відтворення (наприклад, коли користувач швидко переходить в іншу точку на медіа) |
| onvolumechange |
script |
Скрипт буде запущено кожен раз, коли змінюється гучність (включаючи налаштування гучності на 'вимкнення звуку') |
| onwaiting |
script |
Скрипт буде запущено коли медіа призупинено, але очікується, що його буде поновлено (наприклад, коли медіа призупиняється для буферизації більшого об’єма даних) |
Інші Події
| Атрибут |
Значення |
Опис |
| ontoggle |
script |
Запуститься коли користувач відкриє або закриє елемент <details> |
