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

Detaillierte Erklärung zu Unique Constraints und NULL in MySQL

Vorwort Eine Anforderung, die ich zuvor zur Verei...

Analyse des rel-Attributs in HTML

.y { background: url(//img.jbzj.com/images/o_y.pn...

So führen Sie py-Dateien direkt unter Linux aus

1. Erstellen Sie zuerst die Datei (wechseln Sie p...

Docker installiert ClickHouse und initialisiert den Datentest

Clickhouse-Einführung ClickHouse ist ein spalteno...

Nginx-Überwachungsprobleme unter Linux

Nginx-Installation Stellen Sie sicher, dass die v...

JavaScript zum Erzielen eines Texterweiterungs- und -reduzierungseffekts

Die Implementierung des Erweiterns und Reduzieren...

Wie wird die Transaktionsisolation von MySQL erreicht?

Inhaltsverzeichnis Gleichzeitige Szenarien Schrei...

Praktisches Beispiel einer virtuellen Vue-Liste

Inhaltsverzeichnis Vorwort Design erreichen Zusam...

JS, CSS und HTML zur Implementierung der Registrierungsseite

Eine mit HTML und CSS implementierte Registrierun...

Diskussion zur horizontalen und vertikalen Zentrierung von Elementen in HTML

Beim Entwerfen einer Seite müssen wir das DIV häu...

Detaillierte Erklärung zur Verwendung von MySQL DML-Anweisungen

Vorwort: Im vorherigen Artikel haben wir hauptsäc...

So verwenden Sie das Schreiben von Dateien zum Debuggen einer Linux-Anwendung

Unter Linux ist alles eine Datei, daher besteht d...

JavaScript zum Erzielen eines einfachen Lupeneffekts

In einem großen Kästchen befindet sich ein Bild. ...

So stoppen Sie die CSS-Animation mittendrin und behalten die Haltung bei

Vorwort Ich bin einmal auf ein schwieriges Proble...