HTML5 & CSS3 (Prags)

11.3 Native Unterstützung für Drag-and-Drop

Das Drag-and-Drop von Oberflächenelementen können wir unseren Benutzern schon eine ganze Weile mit JavaScript-Bibliotheken ermöglichen. Aber mittlerweile hat das W3C die Drag-and-Drop-Implementierung von Microsoft als Teil der HTML5-Spezifikation übernommen.^[85] Sie wird von Firefox, Safari, Internet Explorer und Chrome unterstützt, ist aber faktisch das reinste Chaos.

Auf den ersten Blick scheint die Implementierung unkompliziert zu sein. Wir bezeichnen ein Element als „draggable“, bestimmen ein Element, das auf „fallen gelassene“ Elemente wartet, und führen einen bestimmten Code aus, wenn das geschieht.

In der Realität ist es nicht mal annähernd so einfach. Wir demonstrieren das an einer einfachen Drag-and-Drop-Oberfläche, ...