Hallo Rolf,
Sehr gute Idee, ist aber noch ein merkwürdiges Krabbeltier drin. Manchmal bleibt die Dropzone groß, wenn man das Bild wieder wegzieht ohne es zu droppen.
Passiert nach 1-2 Versuchen und dann jedes 2. Mal, wie es scheint. Win10 64bit, Chrome 58, Drag eines PNG vom Windows Explorer.
Und zwar nur dann, wenn man einen Bereich mit vielen children erwischt. War eine race condition. Sollte jetzt gefixed sein.
Die HTML5-Drag'n'Drop-API ist echt nicht besonders sinnvoll, was das angeht… ich muss, um zu prüfen, ob gerade eine Drag-Operation stattfindet, dragenter
und dragleave
auf window
abfangen und bei jedem dragenter
einen Counter hochsetzen und bei jedem dragleave
einen Counter herunter setzen. Da aber die Leave-Events vor dem nächsten Enter-Event kommen kann, muss ich dann noch einen Timeout bei jedem Leave setzen, der dann nach Ablauf prüft ob der Counter immer noch 0 ist. Falls ja, ist die Drag-Operation zu Ende… außer natürlich, es findet ein drop
- oder ein dragexit
-Event statt, in dem Fall ist die Operation auch zu Ende.
LG,
CK