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 ruft einen Boolean
-Wert ab oder setzt ihn, der angibt, ob das Element ziehbar ist.
Sie spiegelt den Wert des globalen HTML-Attributs draggable
wider.
Wert
Ein Boolean
-Wert, der true
ist, wenn das Element ziehbar ist, andernfalls false
.
Beispiele
Das folgende Beispiel zeigt, wie die Fähigkeit eines Elements, gezogen zu werden, mittels Skript aktiviert oder deaktiviert werden kann:
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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
draggable |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
Siehe auch
draggable
globales HTML-Attribut- HTML Drag and Drop API Übersicht