HTMLElement: свойство draggable

Базовая реализация Широко доступна

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

Свойство draggable интерфейса HTMLElement получает и устанавливает значение примитивного типа Boolean, указывающего, может ли элемент быть перетаскиваемым.

Оно отражает значение глобального HTML-атрибута draggable.

Значение

Примитивный тип Boolean, который имеет значение true , если элемент может быть перетаскиваемым, и false в противном случае.

Примеры

В следующем примере показано, как включить или отключить возможность перетаскивания элемента через скрипт:

const draggableElement = document.querySelector(".draggable-element");
const notDraggableElement = document.querySelector(".not-draggable-element");

// enable the target element's ability to drag
if (!draggableElement.draggable) {
  draggableElement.draggable = true;
}

// disable the target element's ability to drag
if (notDraggableElement.draggable) {
  notDraggableElement.draggable = false;
}

Спецификации

Спецификация
HTML # dom-draggable

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`draggable`	4	12	2	12	5	18	4	12	4	1.0	4.4

См. также

draggable Глобальный атрибут HTML
HTML Перетаскивание и Опускание API обзор

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/draggable