jQuery: textarea Standardwert dispear bei Klick

8

Ich möchte ein Textfeld mit Standardtext. Wenn der Benutzer in das Textfeld klickt Der Standardtext sollte gelöscht werden. Wie kann ich den Wert eines Textfelds beim Klick verschwinden lassen?

Ich will es genau so, Ссылка

Aber ich wünsche es in jQuery gemacht.

%Vor%     
Karem 20.02.2011, 20:16
quelle

8 Antworten

31

Ich verwende dies als etwas generischer - es wird den Wert des Elements im Fokus löschen, aber den Wert des Elements auf den Standardwert zurücksetzen, wenn er leer ist.

%Vor%     
ScottE 20.02.2011, 20:36
quelle
6

Sie können dies auch ohne JavaScript mithilfe des placeholder -Attributs erreichen.

Aber Sie sollten wissen, dass nicht jeder Browser dies bereits unterstützt. In diesem Fall können Sie zum Beispiel dieses Plugin verwenden: Ссылка

    
Igor Pavelek 20.02.2011 20:22
quelle
4

Das sollte funktionieren:

%Vor%

Live-Demo: Ссылка

Aktualisierung:

Das sollte es tun:

%Vor%

Live-Demo: Ссылка

    
Šime Vidas 20.02.2011 20:32
quelle
4

Sehr einfache, nicht von jQuery abhängige Lösung:

%Vor%     
Jake Wilson 22.02.2012 17:52
quelle
2
%Vor%

// Bearbeiten

%Vor%     
Voooza 20.02.2011 20:19
quelle
1

Probieren Sie das folgende Snippet aus. Wenn Sie das erste Mal auf den Textbereich klicken, wird der Inhalt geleert.

%Vor%     
AK M 18.10.2012 12:39
quelle
0

Sie benötigen zwei Handler, einen für den Fall, dass das Element den Fokus erhält und einen für den Fall, dass es den Fokus verliert. Wenn der Fokus erreicht wird, prüfen Sie, ob der Wert nur aus Leerzeichen besteht, und legen Sie den Wert auf den Standardwert fest.

%Vor%     
tvanfosson 20.02.2011 20:21
quelle
0

Und wenn jemand diesen Trick in einem Ajax-geladenen Textfeld ausführen möchte, kann dies mit dem .live() -Ereignis erreicht werden;)

%Vor%     
Mihai Tudor 03.09.2012 23:04
quelle

Tags und Links