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