Heim > Artikel > Web-Frontend > Dynamische Verwendung des JQuery-Seitenfokus

Dynamische Verwendung des JQuery-Seitenfokus

php中世界最好的语言Original: 2018-04-26 14:05:191610Durchsuche

Dieses Mal werde ich Ihnen die dynamische Verwendung des JQuery-Seitenfokus vorstellen. Was sind die Vorsichtsmaßnahmen für die dynamische Verwendung des JQuery-Seitenfokus?

Wenn Benutzer Text eingeben, wäre es benutzerfreundlicher, wenn das von ihnen eingegebene Textfeld hervorgehoben werden könnte. Dies wird mit jQuery unten erreicht.
Implementierungsprinzip:
Nachdem das Dokument geladen (bereit) ist, fügen Sie Fokus- und Unschärfeereignisse der Eingabe hinzu und fügen Stile hinzu und löschen .
Codebeispiel:

<html> 
<head>
<title>焦点</title> 
<style type="text/css">
.redBack{}{ 
color:white; 
background:red; 
border:2px solid black; 
} 
</style> 
<script language="javascript" src="jquery-1.1.4.js" type="text/javascript"></script> 
<script language="javascript"> 
$(document).ready(function(){ 
$(&#39;input&#39;).focus(function(){ 
$(this).addClass(&#39;redBack&#39;); 
//alert("hello"); 
}); 
$(&#39;input&#39;).blur(function(){ 
$(this).removeClass(&#39;redBack&#39;); 
}); 
}); 
</script> 
</head> 
<body> 
<input type="text" value="hello,shanzhu" id="myText"> 
<input type="text" value="hello,shanzhu" id="myText2"> 
<input type="text" value="hello,shanzhu" id="myText3"> 
<input type="text" value="hello,shanzhu" id="myText4"> 
<input type="text" value="hello,shanzhu" id="myText5"> 
<input type="text" value="hello,shanzhu" id="myText6"> 
</body> 
</html>

Gemäß den Anforderungen des Tests sollte der Cursor nach der Warnung an der angegebenen Position positioniert werden. Nachdem ich es überprüft hatte, stellte ich fest, dass das Fokusattribut leicht erreicht werden kann.

alert("姓名不能为空！"); 
//由id定位到需要的焦点 
$("#name").focus();

Das heißt, nach der Ausgabe der Eingabeaufforderung kehrt der Fokus zum Eingabeelement zurück. Ebenso können entsprechende Stile hinzugefügt werden. Es wäre benutzerfreundlicher, wenn das eingegebene Textfeld hervorgehoben werden könnte. Wir werden dazu jQuery verwenden.
Nachdem das Dokument geladen (bereit) ist, fügen Sie die Fokus- und Unschärfeereignisse der Eingabe hinzu und fügen Stile hinzu und löschen sie.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

jquery erkennt, dass nur Zahlen in das angegebene Textfeld eingegeben werden können

Jquery+Mobile benutzerdefiniert Schaltflächensymbol Schritte Ausführliche Erklärung

Das obige ist der detaillierte Inhalt vonDynamische Verwendung des JQuery-Seitenfokus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：JQuery legt das Textfeld fest, um den Fokusstil zu erhalten (Code angehängt)Nächster Artikel：JQuery legt das Textfeld fest, um den Fokusstil zu erhalten (Code angehängt)

In Verbindung stehende Artikel

Mehr sehen