Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
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.
DieDragEvent-Schnittstelle ist einDOM-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 vonMouseEvent undEvent.
Instanz-Eigenschaften
DragEvent.dataTransferSchreibgeschütztDie 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ützlichesDataTransfer-Objekt aus einem Skript zu erstellen, daDataTransfer-Objekte ein vom Browser während Drag-and-Drop koordiniertes Verarbeitungs- und Sicherheitsmodell haben.
DragEvent()Erstellt ein synthetisches und nicht vertrauenswürdiges
DragEvent.
Ereignistypen
dragDieses Ereignis wird ausgelöst, wenn ein Element oder eine Textauswahl gezogen wird.
dragendDieses Ereignis wird ausgelöst, wenn eine Zieh-Operation beendet wird (durch Loslassen einer Maustaste oder Drücken der Escape-Taste).
dragenterDieses Ereignis wird ausgelöst, wenn ein gezogenes Element oder eine Textauswahl ein gültiges Ziel betritt.
dragleaveDieses Ereignis wird ausgelöst, wenn ein gezogenes Element oder eine Textauswahl ein gültiges Ziel verlässt.
dragoverDieses 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).dragstartDieses Ereignis wird ausgelöst, wenn der Benutzer beginnt, ein Element oder eine Textauswahl zu ziehen.
dropDieses 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 |