HTMLElement: draggable-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Die draggable
-Eigenschaft des HTMLElement
-Interfaces erhält und setzt einen Boolean
-Wert, der angibt, ob das Element verschiebbar ist.
Sie spiegelt den Wert des globalen HTML-Attributs draggable
wider.
Wert
Ein Boolean
-Wert, der true
ist, wenn das Element verschiebbar ist, andernfalls false
.
Beispiele
Das folgende Beispiel zeigt, wie man die Fähigkeit eines Elements, per Skript gezogen zu werden, aktiviert oder deaktiviert:
js
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;
}
Spezifikationen
Specification |
---|
HTML # dom-draggable |
Browser-Kompatibilität
Siehe auch
- Das globale HTML-Attribut
draggable
- Überblick über die HTML Drag and Drop API