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.
Das DragEvent-Interface ist ein DOM-Ereignis, das eine Drag-and-Drop-Interaktion darstellt. Der Benutzer initiiert ein Ziehvorgang, indem er ein Zeigegerät (wie eine Maus) auf der Berührungsoberfläche platziert und dann den Zeiger zu einem neuen Ort (wie einem anderen DOM-Element) zieht. Anwendungen können eine Drag-and-Drop-Interaktion auf eine anwendungsspezifische Weise interpretieren.
Dieses Interface erbt Eigenschaften von MouseEvent und Event.
Instanz-Eigenschaften
DragEvent.dataTransferSchreibgeschützt-
Die Daten, die während einer Drag-and-Drop-Interaktion übertragen werden.
Konstruktoren
Obwohl dieses Interface 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 während Drag-and-Drops vom Browser koordiniert wird.
DragEvent()-
Erstellt ein synthetisches und nicht vertrauenswürdiges
DragEvent.
Ereignisarten
drag-
Dieses Ereignis wird wiederholt ausgelöst, wenn ein Element oder eine Textauswahl gezogen wird. Die Häufigkeit der Auslösung 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 Ziel betritt.
dragleave-
Dieses Ereignis wird ausgelöst, wenn ein gezogenes Element oder eine Textauswahl ein gültiges Ziel verlässt.
dragover-
Dieses Ereignis wird wiederholt ausgelöst, während ein Element oder eine Textauswahl über ein potenzielles Ziel gezogen wird. Die Häufigkeit der Auslösung 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 ein gültiges Ziel fallen gelassen wird.
Beispiel
Ein Beispiel für jede Eigenschaft, jeden Konstruktor, jeden Ereignistyp und globale Ereignishandler ist auf ihrer jeweiligen Referenzseite enthalten.
Spezifikationen
| Spezifikation |
|---|
| HTML> # the-dragevent-interface> |