rotierendes div mit Mausbewegung

8

Ich habe den folgenden Code, um ein div zu drehen. Durch mousedown Ereignis auf dem Bild in der oberen rechten Ecke des gleichen div. Ich möchte, dass das Div sich dreht, bis die Maus hochgeklappt ist. logisch glaube ich, dass der Code in Ordnung ist, aber es funktioniert nach einem Klick. Anstelle von Mouseup stoppt die Rotation, wenn ich auf einen anderen Gegenstand klicke. Ich denke, beim Ziehen nach der Maus versucht der Browser das Bild zu ziehen, aber ich brauche Hilfe .. danke im Voraus:)

%Vor%     
zzai 15.06.2012, 13:33
quelle

3 Antworten

2

Ich denke, das Problem war, dass das systemeigene Ziehereignis (das das Bild gezogen hat) ausgelöst wurde (wenn die Maus nicht gedrückt wurde), dass das Mouse-Up-Ereignis ausgelöst wurde. Sie müssen also nur die Standardaktion des Mouse-Down-Ereignisses verhindern.

Hier haben Sie ein funktionierendes Beispiel:

HTML:

%Vor%

Javascript:

%Vor%

Demo: Ссылка

Ich habe jquery's Namespaced-Ereignisse verwendet, so dass Sie nur das mouse-move-Ereignis lösen können, das Sie möchten.

Bitte beachten Sie, dass die Drehung des Bildes fehlerhaft ist, aber ich habe diese Methode wirklich nicht betrachtet.

    
Chango 16.06.2012 22:18
quelle
1

Dafür gibt es eine Lib. Funktioniert eigenständig oder als jQuery-Plugin Ссылка

    
PixelCommander 04.02.2014 14:06
quelle
0

Ich denke, diese Stapelüberlauffrage beantwortet Ihre Frage How to Holen Sie Mouseup, um zu schießen, sobald Maus vollständig ist

Der Trick besteht darin, die mousemove- und mouseup-Ereignisse im mousedown-Ereignis zu verkapseln.

    
jeroenoliemans 19.06.2012 09:36
quelle

Tags und Links