Вказує, чи можна перетягувати елемент, використовуючи Drag and Drop API.
Синтаксис
draggable="true | false | auto"
Значення
- true
- Дозволяє перетягування елемента.
- false
- Забороняє перетягування елемента.
- auto
- Задає поведінку браузера за замовчуванням.
Значення за замовчуванням
auto
Приклад
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>draggable</title> <style> .trash { border: 1px solid #929292; background: url(/example/image/trash.png) no-repeat 50% 50%; height: 292px; padding: 20px; text-align: center; margin-bottom: 1rem; }
img { cursor: move; }
</style> <script> function allowDrop(ev) { ev.preventDefault(); }
function drag(ev) { ev.dataTransfer.setData("text", ev.target.id); }
function drop(ev) { ev.preventDefault(); var data=ev.dataTransfer.getData("text"); ev.target.appendChild(document.getElementById(data)); }
</script>
</head>
<body> <p>Перемістіть зображення у прямокутник.</p> <div class="trash" ondrop="drop(event)" ondragover="allowDrop(event)"></div> <img src="image/fig.jpg" draggable="true" alt="" ondragstart="drag(event)" id="photo">
</body>
</html> Специфікація
| Специфікація | Статус |
|---|---|
| WHATWG HTML Living Standard | Живий стандарт |
| HTML5.1 | Робочий проект |
Специфікація
Кожна специфікація проходить кілька стадій схвалень ения.
- Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
- Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.
- Proposed Recommendation ( Пропонована рекомендація) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження.
- Working Draft (Робочий проект) — більш зріла версія чернетки після обговорення та внесення поправок для розгляду спільнотою.
- Editor's draft (Редакторська чернетка) — чернова версія стандарту після внесення правок редакторами проекту.
- Draft (Чернетка специфікації) — перша чернова версія стандар та.
Особняком стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки перебуває у постійній розробці та оновлюється регулярно.
Браузери
| 9 | 12 | 4 | 12 | 6 | 3.5 |
| 2.3 | 3.6 | 12 | 6 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повноти ю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
- — при роботі можливо поява різних помилок, або елемент підтримується з застереженнями.
Кількість вказує версію браузреа, починаючи з якої елемент підтримується.
credit">Автор та редактори
Останнє змінення: 11.04. 2018
Редактори: Влад Мержевич