html загальний атрибут draggable
Загальний HTML атрибут draggable задає чи можна перетягувати елемент чи ні.
Зазвичай використовується для Drag and Drop операцій.
автор: NagarD
- Нотатка
-
Посилання та зображення можна перетягувати за замовчуванням.
автор: NagarD
Синтаксис
<element draggable="true|false|auto">Атрибут draggable може отримувати 3 значень:
-
true -
Каже, що елемент можна перетягувати.
автор: NagarD -
false -
Каже, що елемент заборонено перетягувати.
автор: NagarD -
auto -
Каже, що браузер самостійно визначить значення. Значення без задання.
автор: NagarD
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 12+ | ||||||
| draggable | 4.0+ | 3.5+ | 6.0 + | 12.0+ | 9.0+ |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 2.3+ | 4+ | 4+ | 6+ |
Приклади
+ запропонувати свій приклад у пісочниці
Схопи перший абзац мишею і потягни — за курсором поїде його напівпрозора копія. Другий абзац тягнути не вийде. Щоб перетягнуте можна було десь «покласти», потрібен ще JS-обробник drop.
<p draggable="true">Цей абзац можна тягнути мишею — спробуй.</p>
<p>А цей — звичайний, не потягнеш.</p>Візуалізація роботи атрибуту draggable.
See the Pen Загальний атрибут draggable by Володимир (@NagarD) on CodePen.
автор: NagarDРізниця між HTML 4.01 та HTML5
Загальний атрибут draggable з'явився тільки в HTML5.
Різниця між XHTML та HTML
Коментарі
Коментарів ще немає — будьте першим!