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 verhindern Sie, dass die Bildlaufleiste die Seitenbreite beeinflusst, wenn die Bildlaufleiste auf der Seite angezeigt wird

Artikel

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

Vuex kombiniert Sitzungsspeicherdaten, um das Problem des Datenverlusts beim Aktualisieren der Seite zu lösen

Lösung zur Definition der Mindestspannweite hat keine Auswirkung

CSS zum Erreichen der ersten Zeile und ersten Spalte der Tabelle, fester und adaptiver Fensterbeispielcode

Einführung in die Verwendung von Ankern (benannte Anker) in HTML-Webseiten

So implementieren Sie die JavaScript-Ausgabe der Fibonacci-Folge

Einführung in geplante Aufgaben im Linux-System

MySQL 8.0.19 Installations- und Konfigurations-Tutorial unter Windows 10

Beispiel für die Verwendung von HTML+CSS zur Implementierung einer sekundären Menüleiste beim Bewegen der Maus

So verhindern Sie, dass die Bildlaufleiste die Seitenbreite beeinflusst, wenn die Bildlaufleiste auf der Seite angezeigt wird

Bringen Sie Ihnen einen Trick bei, um das Problem des Einfügens chinesischer Zeichen in MySQL dauerhaft zu lösen

Artikel empfehlen

Centos7-Installation des FFmpeg-Audio-/Video-Tools – einfaches Dokument

Linux weist eine Sicherheitslücke bei der Rechteausweitung bei Sudo auf, jeder Benutzer kann auch Root-Befehle ausführen

Verhindern Sie, dass HTML- und JSP-Seiten zwischengespeichert und erneut vom Webserver abgerufen werden.

Analyse der Unfallursachen durch Unicode-Signatur BOM

js implementiert einen einzigen Klick zum Ändern der Tabelle

Anfänger lernen einige HTML-Tags (1)

Tiefgreifendes Verständnis der Verwendung von r2dbc in MySQL

Kurze Analyse von CentOS 7 mysql-8.0.19-1.el7.x86_64.rpm-bundle.tar

Grafisches Tutorial zur Konfigurationsmethode für die kostenlose Installationsversion von MySQL 8.0.21

Detaillierte Erklärung zur grundlegenden Verwendung des React Native-Scaffoldings

Das WeChat-Applet Uniapp realisiert den Löscheffekt durch Wischen nach links (vollständiger Code)

So fügen Sie Wettervorhersagen in Ihre Website ein

Detaillierte Erläuterung der Fallstricke beim Mischen von MySQL-Order-By und Limit

Freigabe der schnellen Wiederherstellungslösung für große MySQL-SQL-Dateien

Implementierungsmethode für den React State-Zustand und Lebenszyklus