draggable HTML атрибут - можливість перетягування

Глобальний атрибут draggable вказує, чи може елемент бути перетягнутим (dragged) користувачем.

Атрибут draggable є перелічуваним атрибутом з трьома станами: true, false та auto. Встановлення його на true робить елемент перетягуваним, тоді як false запобігає перетягуванню. Стан auto, який є значенням за замовчуванням, покладається на поведінку браузера за замовчуванням; зазвичай, за замовчуванням перетягуються лише виділення тексту, але елементи <img>, <object> (що представляють зображення) та <a> з атрибутом href також перетягуються за замовчуванням.

<div draggable="true">...</div>

<div draggable="true" style="cursor: grab;">
  Перетягніть мене!
</div><br>

<div draggable="false" style="cursor: not-allowed;">
  Мене не можна перетягувати.
</div>

div {
  border: 1px solid #ccc;
  padding: 10px;
  width: 150px;
  text-align: center;
}