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.

Das DragEvent Interface 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 der Touch-Oberfläche platziert und dann den Zeiger an eine neue Position zieht (wie ein anderes DOM-Element). Anwendungen sind frei, eine Drag-and-Drop-Interaktion auf eine anwendungsspezifische Weise zu interpretieren.

Dieses Interface erbt Eigenschaften von MouseEvent und Event.

Event UIEvent MouseEvent DragEvent

Instanz-Eigenschaften

DragEvent.dataTransfer Schreibgeschü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 vom Browser während Drag-and-Drop-Vorgängen 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 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 Zielgebiet betritt.

dragleave

Dieses Ereignis wird ausgelöst, wenn ein gezogenes Element oder eine Textauswahl ein gültiges Zielgebiet verlässt.

dragover

Dieses Ereignis wird kontinuierlich ausgelöst, wenn ein Element oder eine Textauswahl gezogen wird und der Mauszeiger über einem gültigen Zielgebiet steht (alle 50 ms, WENN die Maus nicht bewegt wird, SONST viel schneller zwischen 5 ms (langsame Bewegung) und 1 ms (schnelle Bewegung) ungefähr. Dieses Auslöse-Muster ist anders als bei 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 ein gültiges Zielgebiet fallengelassen wird.

Beispiel

Ein Beispiel für jede Eigenschaft, jeden Konstruktor, jeden Ereignistyp und globale Ereignis-Handler ist in ihrer jeweiligen Referenzseite enthalten.

Spezifikationen

Specification
HTML
# the-dragevent-interface

Browser-Kompatibilität

Siehe auch