DragEvent
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 DragEvent-Schnittstelle ist ein DOM-Ereignis, das eine Drag-and-Drop-Interaktion darstellt. Der Benutzer initiiert einen Drag, indem er ein Zeigegerät (wie eine Maus) auf die Touch-Oberfläche setzt und den Zeiger dann an eine neue Position zieht (wie ein anderes DOM-Element). Anwendungen sind frei, eine Drag-and-Drop-Interaktion auf eine anwendungsspezifische Weise zu interpretieren.
Diese Schnittstelle erbt Eigenschaften von MouseEvent und Event.
Instanz Eigenschaften
DragEvent.dataTransferNur lesbar-
Die Daten, die während einer Drag-and-Drop-Interaktion übertragen werden.
Konstruktoren
Obwohl diese Schnittstelle einen Konstruktor hat, ist es nicht möglich, ein nützliches DataTransfer-Objekt aus einem Skript zu erstellen, da DataTransfer-Objekte ein Verarbeitungs- und Sicherheitsmodell haben, das vom Browser während Drag-and-Drops koordiniert wird.
DragEvent()-
Erstellt ein synthetisches und nicht vertrauenswürdiges DragEvent.
Ereignistypen
drag-
Dieses Ereignis wird ausgelöst, wenn ein Element oder eine Textauswahl gezogen wird.
dragend-
Dieses Ereignis wird ausgelöst, wenn eine Ziehoperation beendet wird (durch Loslassen einer Maustaste oder Drücken der Escape-Taste).
dragenter-
Dieses Ereignis wird ausgelöst, wenn ein gezogenes Element oder eine Textauswahl ein gültiges Ziehziel betritt.
dragleave-
Dieses Ereignis wird ausgelöst, wenn ein gezogenes Element oder eine Textauswahl ein gültiges Ziehziel verlässt.
dragover-
Dieses Ereignis wird fortlaufend ausgelöst, wenn ein Element oder eine Textauswahl gezogen wird und der Mauszeiger über einem gültigen Ziehziel ist (alle 50 ms, wenn die Maus sich nicht bewegt, ansonsten viel schneller, zwischen ca. 5 ms (langsames Bewegen) und 1 ms (schnelles Bewegen)). Dieses Auslöseverhalten unterscheidet sich von
mouseover. dragstart-
Dieses Ereignis wird ausgelöst, wenn der Benutzer beginnt, ein Element oder eine Textauswahl zu ziehen.
drop-
Dieses Ereignis wird ausgelöst, wenn ein Element oder eine Textauswahl auf einem gültigen Ziehziel abgelegt wird.
Beispiel
Ein Beispiel für jede Eigenschaft, jeden Konstruktor, Ereignistyp und globale Ereignis-Handler ist auf ihrer jeweiligen Referenzseite enthalten.
Spezifikationen
| Specification |
|---|
| HTML Standard # the-dragevent-interface |
Browser-Kompatibilität
BCD tables only load in the browser