html атрибут ondragend

Подія ondragend викликається, коли користувач закінчує перетягувати (відпускає) елемент або виділений текст.

Тягнути та кидати (drag and drop) дуже схожі в HTML5. Це коли ви "захопити" об'єкт та перетягуєте його в інше місце.

Є багато подій, які використовуються, і можуть статися в різних стадіях операції перетягування (drag and drop):

Події котрі викликаються при перетягуванні елемента:

  1. ondragstart - спрацьовує, коли користувач починає перетягувати елемент.
  2. ondrag - спрацьовує, коли елемент тягнуть.
  3. ondragend - спрацьовує, коли користувач закінчив перетягування.

Події котрі викликаються при падіння елемента на ціль:

  1. ondragenter - спрацьовує, коли перетягуваний елемент входить в зону елемента приймача.
  2. ondragover - спрацьовує, коли перетягуваний елемент знаходить в зоні елемента приймача.
  3. ondragleave - спрацьовує, коли перетягуваний елемент покидає зону елемента приймача.
  4. ondrop - спрацьовує, коли перетягуваний елемент rbyenj на елемент приймач.
Порада:

Для того, щоб елемент було можливо перетягувати, використовуйте глобальний HTML5 атрибут draggable.

Порада:

Посилання та зображення доступні для перетягування без задання, їм не потрібно присвоювати глобальний HTML5 атрибут draggable.

Синтаксис

<element ondragend="script">

Атрибут ondragend не має жодного значення :

Переглядачі

Переглядач

4.0+

3.5+

6.0+

12.0+

9.0+


Мобільних переглядачів ще не додано.


Мобільних переглядачів ще не додано.

Приклади


Найпростіший приклад використання HTML події ondragend

<a ondragend="alert('Я вільний')">Відпусти мене!</a>

Різниця між HTML 4.01 та HTML5


Подія ondragend з’явилась тільки в HTML5.

Різниця між XHTML та HTML


Немає жодної різниці.