Javascript – Drag-and-Drop-Funktion zur Baumkomponente hinzufügen

Ich arbeite derzeit an einer Baumkomponente, die Klick- und Doppelklickereignisse enthält. Jetzt möchte ich die Drag-and-Drop-Funktion hinzufügen. Hat jemand eine bessere Idee für die Implementierung von Drag-and-Drop? Was soll ich tun, wenn die Ereignisse „Mousedown“ und „Mousemove“ mit dem Click-E...

怪我咯 2017-05-19 10:19:48 0  1  466

javascript - Unterstützt die Tree-Komponente von antd Drag-and-Drop-Einschränkungen?

Beim Ziehen der Baumkomponente möchte ich verhindern, dass der übergeordnete Knoten auf die Ebene des untergeordneten Knotens gezogen wird, was bedeutet, dass nur der untergeordnete Knoten nach oben gezogen werden kann. Kann dies von antd unterstützt werden?

ringa_lee 2017-05-19 10:32:01 0  1  958

javascript – So implementieren Sie die Drag-and-Drop-Funktion von JQuery UI, um Drag-and-Drop zu stoppen, wenn bestimmte Bedingungen erfüllt sind

Wie im Bild gezeigt, kann ich den kleinen Punkt in der unteren rechten Ecke ziehen, um das Bild zu vergrößern. Da die Zoomfunktion von jquery ui nicht erfüllt werden kann, muss ich dies selbst schreiben. Jetzt muss ich den kleinen Punkt in der unteren rechten Ecke ziehen Ecke an die Position in Abbi...

某草草 2017-05-19 10:42:24 0  1  481

javascript - Wie erhalte ich Dateien, indem ich sie in den Browser ziehe?

Wenn Sie auf der Seite auf „Hochladen“ klicken, können Sie auf klicken, um die Dateien[0] in der Eingabedatei abzurufen. Jetzt müssen Sie das Bild direkt vom Desktop in den Browser ziehen. Wie erhalte ich die erste Datei in Dateien[0]?

高洛峰 2017-06-12 09:25:02 0  1  734

Auf der Suche nach einem Javascript-Kartenmarkierungs-Plug-in

1. Gibt es ein solches JavaScript-Plugin, das den folgenden Effekt erzielen kann? Die drei Objekte auf der linken Seite können auf die Karte auf der rechten Seite gezogen werden. Nach dem Ziehen auf die Karte und dem Loslassen der Maus wird eine Markierung hinterlassen auf der Karte (wird zum Markie...

怪我咯 2017-05-18 10:49:58 0  1  620

javascript - HTML5-Drag & Drop funktioniert auf dem Pad nicht. So lösen Sie das Problem

HTML5 Drag & Drop kann auf dem Pad nicht verwendet werden und das DragStart-Ereignis kann nicht ausgelöst werden.

滿天的星座 2017-06-29 10:10:07 0  1  962

mysql - Wie füge ich nach der Drag-and-Drop-Neuordnung etwas in die Datenbank ein?

Es handelt sich um einen Artikel mit einer Seitennummerierung von beispielsweise zehn Seiten, und die Seriennummer ist 1-10. Auf einer Seite werden Daten gespeichert. Wie sortiere ich sie jedoch in der Datenbank, nachdem ich sie per Drag-and-Drop verschoben habe? Änderungen an jeder Seite werden in ...

某草草 2017-05-18 10:56:17 0  1  1154

Zugriff auf Drag-and-Drop-Elemente in HTML: eine umfassende Anleitung

Das Ereignis „dragenter“ wird ausgelöst, wenn ein gezogenes Element in ein Drag-and-Drop-Element gelangt. Dieses Ereignis ist an das Drop-Element angehängt, damit ich darauf zugreifen kann. Wo ist das gezogene Element?

P粉316890884 2023-08-01 10:13:18 0  1  579

JavaScript implementiert die Drag-and-Drop-Funktion mehrerer Elemente

Ich habe diesen Code gefunden, mit dem Sie ein Element innerhalb eines bestimmten Bereichs ziehen und ablegen können. Ich kann ihn jedoch nicht umschreiben, um das Ziehen und Ablegen mehrerer Elemente zu ermöglichen, da ich nicht weiß, wie ich die ID des gezogenen Objekts ermitteln kann die drop_han...

P粉276064178 2024-01-10 16:54:21 0  1  525

javascript – So filtern Sie versteckte Dateien in einem Ordner heraus, wenn Sie einen Ordner zum Hochladen ziehen

Wenn Sie das jQuery-File-Upload-Plugin verwenden, können Sie Dateien oder Ordner zum Hochladen ziehen. Beim Ziehen eines Ordners zum Hochladen werden standardmäßig alle Dateien (einschließlich versteckter Dateien) hochgeladen, es ist jedoch nicht erforderlich, versteckte Dateien hochzuladen. In dies...

阿神 2017-05-19 10:44:58 0  1  779

html5 – Z-Index ist beim Browser-Debugging gültig, beim Testen von Mobiltelefonen jedoch ungültig

Beim Debuggen des Browsers wird der Pfeil nach dem Auftreten eines Drag-Ereignisses ausgeblendet, die Verwendung auf dem mobilen WeChat ist jedoch nicht möglich. Wenn Sie die Animation löschen, wird sie wirksam Es gibt kein Floating in der aktuellen Stildatei. Der Grund oder die Ursache für die Posi...

高洛峰 2017-07-04 13:45:06 0  2  1837

Auf der Suche nach einem Javascript-Map-Eagle-Eye-Plug-in

1. Gibt es ein JavaScript-Plugin (es scheint Eagle Eye Plug-in zu heißen), das den folgenden Effekt erzielen kann? Das kleine Fenster unten rechts zeigt eine Miniaturansicht der Karte auf der linken Seite an, und Sie können den blauen Bereich des kleinen Fensters ziehen, um den Anzeigebereich der Ka...

高洛峰 2017-05-18 10:50:05 0  1  448

React + d3 – Warum reagiert mein <g>-Element nicht auf den onClick-Listener?

Ich bin ziemlich neu in d3 und weiß, dass es einige Konflikte zwischen React und d3 geben kann. Dies könnte einer von ihnen sein. Ich habe ein SVG, das das skalierbare Verhalten von d3 implementiert. Ich möchte, dass die Elemente im SVG ziehbar sind. Mein erster Versuch bestand darin, einen onClick-...

P粉504080992 2024-01-29 13:48:01 0  1  533

Array im Status neu anordnen

Ich verwende zustand, um einen globalen Status mit einer Reihe von Aufgabenelementen zu erstellen, und ich habe Funktionen zum Hinzufügen, Entfernen und Umschalten zwischen Abschluss und Rückgängigmachen für jedes Aufgabenelement. Ich verwende DndKit auch, um jede ToDo-Komponente per Drag-and-Drop z...

P粉741678385 2024-03-30 14:44:42 0  1  402

Möglichkeiten zur Behebung des Problems 2003 (HY000): Verbindung zum MySQL-Server „db_mysql:3306' nicht möglich (111)

Ich habe kürzlich versucht, meinen FastAPIPython-Server zu containerisieren (auch für die Replikation/Verdoppelung). Vorher hatte ich nur einen MySQL-Server in einem Docker-Container und alles war in Ordnung, aber als ich meinen Webserver auch zu einem Dienst machte, konnte er keine Verbindung zum M...

P粉178132828 2023-09-05 11:18:47 0  1  849