Загальний 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
Немає жодної різниці.