DragEvent
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2020.
Die DragEvent-Schnittstelle ist ein DOM-Ereignis, das eine Drag-and-Drop-Interaktion repräsentiert. Der Benutzer initiiert ein Ziehen, indem er ein Zeigegerät (wie eine Maus) auf die Touch-Oberfläche legt und dann den Zeiger an einen neuen Ort 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.dataTransferSchreibgeschützt-
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 vom Browser während Drag-and-Drop koordiniertes Verarbeitungs- und Sicherheitsmodell haben.
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 Zieh-Operation 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 kontinuierlich ausgelöst, wenn ein Element oder eine Textauswahl gezogen wird und der Mauszeiger über einem gültigen Ziel ist (alle 50 ms, WENN die Maus sich nicht bewegt, SONST viel schneller, zwischen ungefähr 5 ms (langsamer Bewegung) und 1 ms (schneller Bewegung). 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 Ziel fallen gelassen wird.
Beispiel
Ein Beispiel für jede Eigenschaft, jeden Konstruktor, jeden Ereignistyp und jede globale Ereignisbehandlung ist auf ihrer jeweiligen Referenzseite enthalten.
Spezifikationen
| Specification |
|---|
| HTML # the-dragevent-interface |
Browser-Kompatibilität
Loading…