DragEvent
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2020 browserübergreifend verfügbar.
Die DragEvent-Schnittstelle ist ein DOM-Ereignis, das eine Drag-and-Drop-Interaktion darstellt. Der Benutzer beginnt einen Ziehvorgang, indem er ein Zeigegerät (z. B. eine Maus) auf einer Oberfläche positioniert und den Zeiger anschließend an eine neue Stelle zieht (z. B. über ein anderes DOM-Element). Anwendungen können eine Drag-and-Drop-Interaktion auf anwendungsspezifische Weise interpretieren.
Diese Schnittstelle erbt Eigenschaften von MouseEvent und Event.
Konstruktoren
Obwohl diese Schnittstelle einen Konstruktor besitzt, lässt sich per Skript kein nutzbares DataTransfer-Objekt erstellen, da DataTransfer-Objekte einem Verarbeitungs- und Sicherheitsmodell unterliegen, das der Browser während Drag-and-Drop-Vorgängen steuert.
DragEvent()-
Erstellt ein synthetisches, nicht vertrauenswürdiges DragEvent.
Instanzeigenschaften
DragEvent.dataTransferSchreibgeschützt-
Die Daten, die während einer Drag-and-Drop-Interaktion übertragen werden.
Ereignistypen
drag-
Dieses Ereignis wird wiederholt ausgelöst, während ein Element oder eine Textauswahl gezogen wird. Die Häufigkeit hängt vom Browser, Betriebssystem und der Zeigerbewegung ab; verlassen Sie sich nicht auf ein festes Intervall.
dragend-
Dieses Ereignis wird ausgelöst, wenn ein Ziehvorgang 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 Ablageziel erreicht.
dragleave-
Dieses Ereignis wird ausgelöst, wenn ein gezogenes Element oder eine Textauswahl ein gültiges Ablageziel verlässt.
dragover-
Dieses Ereignis wird wiederholt ausgelöst, während ein Element oder eine Textauswahl über ein potenzielles Ablageziel gezogen wird. Die Häufigkeit hängt vom Browser, Betriebssystem und der Zeigerbewegung ab; verlassen Sie sich nicht auf ein festes Intervall.
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 Ablageziel abgelegt wird.
Beispiel
Ein Beispiel für jede Eigenschaft, jeden Konstruktor, jeden Ereignistyp und jeden globalen Event-Handler finden Sie auf der jeweiligen Referenzseite.
Spezifikationen
| Spezifikation |
|---|
| HTML # the-dragevent-interface |