Steuern des Erscheinungsbilds des HTML5-Drag & Drop-Effekts

Gibt es eine Möglichkeit, das Erscheinungsbild der zu ziehenden Objekte mithilfe der HTML5 Drag & Drop-APIs zu steuern?

Normalerweise wird jedes ziehbare HTML-Element halbtransparent und folgt dem Cursor, bis Sie anhalten / ablegen. Ich möchte das so steuern, dass ich von überall innerhalb eines Elements mit dem Ziehen beginnen kann. Wenn Sie jedoch mit dem Ziehen beginnen, kann dem Cursor nur ein kleines Bild folgen, genau dort, wo sich der Cursor befindet.

Das praktische Beispiel lautet: Eine Liste der zu ziehenden Objekte. Jedes ist ein kleines Bild und ein Text für den Namen des Objekts, das Sie an die Seite ziehen möchten. Ich möchte in der Lage sein, irgendwo im Element über das Bild oder den Text zu ziehen, aber dann folgt nur das Bild Ihrem Cursor und direkt unter dem Cursor und nicht versetzt von der Stelle, an der Sie mit dem Ziehen begonnen haben.

Ich kann mir ein paar Möglichkeiten vorstellen, um es auszutricksen (ein verstecktes Element, das dort angezeigt wird, wo sich der Mauszeiger befindet, wenn Sie mit dem Ziehen beginnen, und genau das, was Sie tatsächlich ziehen) oder auf klassisches JavaScript-Drag & Drop zurückzugreifen.

Vielen Dank

Antworten auf die Frage(4)

Ihre Antwort auf die Frage