Загальний html атрибут draggable

Загальний HTML атрибут draggable задає чи можна перетягувати елемент чи ні.

Зазвичай використовується для Drag and Drop операцій.

Нотатка:

Посилання та зображення можна перетягувати за замовчуванням.

Синтаксис

<element draggable="true|false|auto">

Атрибут draggable може отримувати 3 значення :

auto

Каже, що браузер самостійно визначить значення. Значення без задання.

true

Каже, що елемент можна перетягувати.

false

Каже, що елемент заборонено перетягувати.

Переглядачі

Переглядач
draggable

4.0+

3.5+

6.0 +

12.0+

9.0+

12+

Переглядач

2.3+

4+

4+

6+


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

Приклади


Візуалізація роботи атрибуту draggable.

See the Pen Загальний атрибут draggable by Володимир (@NagarD) on CodePen.

Найпростіший приклад, що демонструє роботу загального атрибуту draggable.

<p draggable="true">This is a draggable paragraph.</p>

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


Загальний атрибут draggable з'явився тільки в HTML5.

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


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