Lösung für das Problem des Springens der Textposition, wenn das Suchtextfeld den Fokus verlässt

Lösung für das Problem des Springens der Textposition, wenn das Suchtextfeld den Fokus verlässt

Beim Setzen des Textes im Suchtextfeld springt die Position beim Verlassen des Fokus

Code kopieren
Der Code lautet wie folgt:

//Suchtextfeld
$("#txtSearch").fokus(Funktion () {
if ($(this).val() == "Bitte geben Sie den Suchbegriff ein") {
$(diese).val("");
$(this).css("Farbe", "schwarz");
}
}).unschärfe(Funktion () {
wenn ($(this).val() == "") {
$(this).css("color", "gray").val("Bitte geben Sie das Suchwort ein");
}
});

CSS hinzufügen

Code kopieren
Der Code lautet wie folgt:

#txtSuche
{
Breite: 480px;
Höhe: 20px;
vertikale Ausrichtung: Mitte;
}

<<:  So implementieren Sie ein horizontales Balkendiagramm mit Prozentangaben in E-Charts

>>:  Bringen Sie Ihnen bei, schnell ein Webclusterprojekt basierend auf Nginx zu erstellen

Artikel empfehlen

Tomcat analysiert XML und erstellt Objekte durch Reflektion

Der folgende Beispielcode stellt die Prinzipien d...

Prinzip und Anwendung der MySQL-Master-Slave-Synchronisation

Inhaltsverzeichnis 1. Master-Slave-Synchronisatio...

Fallstricke bei langsamen MySQL-Abfragen

Inhaltsverzeichnis 1. Langsame Abfragekonfigurati...

Vue3.0 handgeschriebener Karusselleffekt

In diesem Artikel wird der spezifische Code des h...

Eine Untersuchung des JS-Operators im Problem

Die Sache ist: Jeder kennt „Speicherlecks“. Es gi...

Implementierung von JavaScript zum Herunterladen und Hochladen verknüpfter Bilder

Da wir Bilder hochladen möchten, müssen wir zunäc...

Zusammenfassung der 10 wichtigsten JavaScript-Interviewfragen (empfohlen)

1.Dies deutet auf 1. Wer ruft wen an? Beispiel: F...

So starten Sie Tomcat mit jsvc (als normaler Benutzer ausführen)

Einführung in jsvc In der Produktion sollte Tomca...

Detaillierte Erläuterung des Grafikbeispiels für Vue-Überwachungsattribute

Inhaltsverzeichnis Was ist die Listener-Eigenscha...

JavaScript-Einzelthread und asynchrone Details

Inhaltsverzeichnis 1. Aufgabenwarteschlange 2. Um...

Holen Sie sich die IP und den Hostnamen aller Hosts auf Zabbix

zabbix Zabbix ([`zæbiks]) ist eine Open-Source-Lö...

Hinweise zum erweiterten Zeichengerätetreiber des Linux-Kernel-Gerätetreibers

/****************** * Erweiterter Zeichengerätetr...

Vue einfache Implementierung einer Plattenspielerlotterie

In diesem Artikel wird der spezifische Code von V...

Lösen Sie das Problem des Vergessens von Passwörtern in MySQL 5.7 unter Linux

1. Problem Passwort für mysql5.7 unter Linux verg...