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
.
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 |