Ich versuche ein ziehbares div zu haben, das man auch aus einem Textbereich ziehen kann.
html:
%Vor%css:
%Vor%jquery:
%Vor% Ich kann den div ziehen, wenn ich durch Klicken in den div -Bereich ziehe, aber nicht, wenn ich in den textarea -Bereich klicke.
Gibt es eine Möglichkeit, das zu lösen?
Hier ist das jsFiddle
Sie können die Option Abbrechen verwenden, indem Sie sie auf '' setzen. , ähnlich dem:
DEMO - Verwenden Sie die Option cancel
Obwohl dies zum Ziehen funktioniert, verursacht es andere Probleme.
Sie können jetzt nicht mehr in das Textfeld selbst klicken, da draggable das Ereignis übernimmt.
Sie müssten jetzt etwas benutzerdefinierten Code schreiben, um dies zu umgehen.
Die Verwendung eines Overlays ist auch ein Problem, das Sie implementieren müssen, wenn Sie jetzt überlegen müssen, wann Sie es über das div platzieren und wann nicht.
Ich würde empfehlen, die Standardfunktionalität von Elementen innerhalb des ziehbaren Div zu belassen, anstatt sie zu "hacken".
Ein benutzerfreundlicherer Ansatz könnte darin bestehen, dem div einen rahmenähnlichen Rahmen oder oben einen kopfförmigen Rahmen hinzuzufügen, damit der Benutzer das div ziehen kann.
Ähnliches mit HTML:
%Vor% Dem dragger folgenden css geben:
und aktualisieren Sie Ihre textarea CSS, um keine absolute Positionierung zu verwenden, sondern verwenden Sie die Ränder, um die 5px links und oben festzulegen.
Sie können dann die Handle Option ähnlich der folgenden implementieren:
%Vor%DEMO - Verwenden einer Kopfzeile zum Ziehen
Ich bin nicht sicher, ob dies eine Lösung ist, die Sie verwenden können oder nicht, aber es wäre eine Option.
Tags und Links javascript jquery