html подія ondrag
Подія ondrag викликається, коли перетягують елемент або виділений текст.
Тягнути та кидати (drag and drop) дуже схожі в HTML5. Це коли ви "захопити" об'єкт та перетягуєте його в інше місце.
Є багато подій, які використовуються, і можуть статися в різних стадіях операції перетягування (drag and drop):
Події котрі викликаються при перетягуванні елемента:
- ondragstart - спрацьовує, коли користувач починає перетягувати елемент.
- ondrag - спрацьовує, коли елемент тягнуть.
- ondragend - спрацьовує, коли користувач закінчив перетягування.
Події котрі викликаються при падіння елемента на ціль:
- ondragenter - спрацьовує, коли перетягуваний елемент входить в зону елемента приймача.
- ondragover - спрацьовує, коли перетягуваний елемент знаходить в зоні елемента приймача.
- ondragleave - спрацьовує, коли перетягуваний елемент покидає зону елемента приймача.
- ondrop - спрацьовує, коли перетягуваний елемент rbyenj на елемент приймач.
- Порада
-
Для того, щоб елемент було можливо перетягувати, використовуйте глобальний HTML5 атрибут draggable.
автор: NagarD - Порада
-
Посилання та зображення доступні для перетягування без задання, їм не потрібно присвоювати глобальний HTML5 атрибут draggable.
автор: NagarD - Нотатка
-
При перетягуванні елементу, подія ondrag спрацьовує кожні 350 мілісекунд.
автор: NagarD
Синтаксис
<element ondrag="script">Переглядачі
| Переглядач |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| 4.0+ | 3.5+ | 6.0+ | 12.0+ | 9.0+ |
Мобільних переглядачів ще не додано.
Приклади
+ запропонувати свій приклад у пісочниці
ondrag стріляє безперервно, поки елемент тягнуть: потягни абзац і дивись, як консоль наповнюється подіями.
<p draggable="true" ondrag="console.log('тягнеться…')">Перетягни мене!</p>Різниця між HTML 4.01 та HTML5
Подія ondrag з’явилась тільки в HTML5.
Різниця між XHTML та HTML
Коментарі
Коментарів ще немає — будьте першим!