Wie simuliert man HTML5 Drag and Drop Ereignisse in Javascript?
Als Titel versuche ich, ein HTML5-Drag & Drop-Ereignis in Javascript zu simulieren.
Ich habe mir jquery.ui.simulate und auch die Simulationsfunktion angeschautHier. Beide scheinen in der Lage zu sein, Drag & Drop zu simulieren, indem Mouse-Down, Mouse-Move und Mouse-Up simuliert werden, was mit jQuery-UI-Objekten funktioniert.
Aber die Drag / Drop-Ereignisse in Seiten mögenDrag & Drop-Demo-Site scheinen mit den gleichen Methoden nicht simulierbar zu sein. Das Auslösen eines Maus-Downs scheint das dragstart HTML5-Ereignis nicht auszulösen.
Gibt es eine Möglichkeit, DragStart-Ereignisse basierend auf einem simulierten Maus-Down / Maus-Move / usw. auszulösen, oder gibt es eine Möglichkeit, DragStart-Ereignisse direkt zu simulieren (und dann abzulegen)?
Ich habe versucht, das zu ändernSimulationsfunktion auf SO gefunden Um das HTML5-Dragstart-Ereignis hinzuzufügen, kann ich Folgendes auf der Demoseite ausprobieren
simulate( document.querySelector('#three'), 'dragstart')
Ich erhalte jedoch eine Fehlermeldung, da ich nicht sicher bin, wie das dataTransfer-Objekt im simulierten dragstart-Ereignis korrekt erstellt werden soll.
Grundsätzlich akzeptiere ich jede Antwort, mit der ich das Element 'drei' in das Element 'bin' in der Liste ziehen kannDemo-Drag & Drop-Seite entweder mit jquery.ui.simluate (oder einer anderen Bibliothek) oder mit einer modifizierten Version vonFunktion simulieren Ich habe auf SO gefunden.