Wie stoppe Dragands Standardverhalten beim Ziehen und Ablegen?

Question

Wie stoppe Dragands Standardverhalten beim Ziehen und Ablegen?

8

Ich kann diesen Fehler nur schwer in Worte fassen. Also habe ich das Video für den Fehler erstellt. Grundsätzlich, wenn dragEnd aufgerufen wird, animiert das Element, als würde es an den ursprünglichen Ort gehen. Wie kann ich das Standardverhalten stoppen? Ich machte eine Geige und codepen Auch dafür.

Ich habe zwei Listen für mein Beispiel, wenn ich dragEnd nach dem Loslassen der Maustaste anrufe. Das Element aus einer Liste wird animiert, in die Liste seines ursprünglichen Ortes anstatt des Ortes, an dem es sich befindet, zu gehen.

JS-Code:

%Vor%

HTML-Code:

%Vor%

Video, das den Fehler beschreibt: Ссылка

Hinweis : Ich habe das Verhalten auf dem Mac beobachtet, bin mir nicht sicher über Linux und Windows.

javascript macos html5 drag-and-drop

igaurav 04.05.2017, 10:26

quelle

1 Antwort

Tags und Links javascript macos html5 drag-and-drop

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Erstellen einer iOS-Anwendung mit Scala-Native

score 0 · Answer 1

___ tag123javascript ___ JavaScript (nicht zu verwechseln mit Java) ist eine dynamische Sprache mit mehreren Paradigmen auf hoher Ebene, die sowohl für das clientseitige als auch für das serverseitige Scripting verwendet wird. Verwenden Sie dieses Tag für Fragen zu ECMAScript und seinen verschiedenen Dialekten / Implementierungen (außer ActionScript und Google-Apps-Script). ___ tag123html5 ___ HTML5 (Hyper Text Markup Language, Version 5) ist ein Überbegriff für aktuelle Webtechnologien. Es ist auch die neueste Version von HTML. Im Oktober 2014 wurde es zu einer W3C-Empfehlung, die neue Elemente und APIs einführte. ___ tag123macos ___ macOS (früher bekannt als OS X oder Mac OS X) ist das Desktop-Betriebssystem von Apple, das auf Macintosh-Computern gefunden wurde. Verwenden Sie dieses Tag nur, wenn sich Ihre Frage auf die Verwendung von macOS-APIs oder Mac OS-spezifischem Verhalten bezieht, nicht weil Sie Ihren Code auf macOS ausführen. Fragen zur Verwendung oder Fehlerbehebung von macOS sind off-topic. ___ tag123draganddrop ___ Drag-and-drop ist in Computer-Benutzeroberflächen die Aktion (oder Unterstützung für die Aktion), ein virtuelles Objekt durch "Greifen" und Ziehen an einen anderen Ort oder auf ein anderes virtuelles Objekt auszuwählen. ___ qstntxt ___

Ich kann diesen Fehler nur schwer in Worte fassen. Also habe ich das Video für den Fehler erstellt. Grundsätzlich, wenn dragEnd aufgerufen wird, animiert das Element, als würde es an den ursprünglichen Ort gehen. Wie kann ich das Standardverhalten stoppen? Ich machte eine Geige und codepen Auch dafür.

Ich habe zwei Listen für mein Beispiel, wenn ich dragEnd nach dem Loslassen der Maustaste anrufe. Das Element aus einer Liste wird animiert, in die Liste seines ursprünglichen Ortes anstatt des Ortes, an dem es sich befindet, zu gehen.

JS-Code:

%Vor%

HTML-Code:

%Vor%

Video, das den Fehler beschreibt: Ссылка

Hinweis : Ich habe das Verhalten auf dem Mac beobachtet, bin mir nicht sicher über Linux und Windows.

___ antwort43990557 ___

Sie müssen in Ihrem Ereignishandler dragend feststellen, ob sich die Maus über der grauen Box in der Liste befindet, in die Sie sie einfügen möchten. Sie müssen die Logik schreiben, um das Element grayBoxInOtherList abzufragen, aber das ist es, was Sie tun muss tun:

%Vor%

Nur wenn Sie den Mauszeiger über die graueBoxInOtherList bewegen: listContainer.insertBefore(source, grayEmptyNode);

___ qstnhdr ___ Wie stoppe Dragands Standardverhalten beim Ziehen und Ablegen? ___