Подія в HTML тегу дозволяє виконати код JavaScript при певнії дії користувача над елементом або подією браузера.
<тег onподія="javascript_code"></тег>
тег - тег HTML.
onподія - атрибут з назвою події, який завжди починається на on.
javascript_code - JavaScript код який буде виконано коли подія відбудеться.
Подія у тегу HTML дозволяє задати виконання коду JavaScript коли у вказаному тегу виникла JavaScript подія. Це може бути для прикладу клік миші по елементу і т.п.
Подія для елемента задається задопомогою атрибуту у тегу onподія. У самому JavaScript подію можна задати за допомогою addEventListener().
| onclick | клік миші по елементу |
| ondblclick | подвійний клік миші по елементу |
| onmousedown | натиснуто кнопку миші на елементі |
| onmouseup | відпущено кнопку миші |
| onmousemove | переміщення курсору миші |
| onmouseover | наведено курсор миші на елемент |
| onmouseout | відведено курсор миші від елементу |
| oncontextmenu | визвано контексне меню |
| onkeydown | натискається клавіша на клавіатурі |
| onkeypress | натиснута клавіша на клавіатурі |
| onkeyup | відпущена клавіша на клавіатурі |
| onsubmit | надсилання даних форми |
| onreset | очищення даних форми |
| oninvalid | елемент не пройшов валідацію |
| onbeforecopy | дані будуть копіюватася у буфер обміну |
| oncopy | копіюються текст елементу у буфер обміну |
| oncut | вирізаються текст у буфер обміну |
| onbeforecut | дані будуть вирізатися у буфер обміну |
| onbeforepaste | дані будуть вставлені з буферу обміну |
| onpaste | дані вставляються з буферу обміну у елемент |
| ontouchstart | дотик на сенсорі над елементом |
| ontouchmove | переміщення дотику над елементом |
| ontouchend | дотик на сенсорі завершено |
| ontouchcancel | дотик на сенсорі перервано |
| onplay | відтворення |
| onpause | пауза |
| onplaying | відтворення після зупинки |
| onratechange | зміна швидкості відтворення |
| onseeking | починається переміщення прокрутки |
| onseeked | завершується переміщення прокрутки |
| ontimeupdate | зміна часу відтворення |
| onvolumechange | зміна гучності у плеєрі |
| onwaiting | зупинено бо наступний кадр завантажується у буфер |
| ontoggle | відкрито / закрито елемент |
| onscroll | прокрутка |
| onselect | виділення тексту |
| onchange | значення було змінено у елементі |
| oninput | ввід даних |
| onfocus | елемент отримав фокус |
| onblur | елемент втратив фокус |
клікніть тут
<p onclick="alert('клікнули по елементу');">клікніть тут</p>