suchen

Heim  >  Artikel  >  Web-Frontend  >  jQuery implementiert die Funktion zum Festlegen und Entfernen des Standardwerts des Textfelds

jQuery implementiert die Funktion zum Festlegen und Entfernen des Standardwerts des Textfelds

韦小宝
韦小宝Original
2017-11-28 10:00:321436Durchsuche

jQuery implementiert den Standardwert des Textfelds, um Mausbewegungen zu erkennen. In diesem Kapitel wird erläutert, wie Sie jQuery verwenden, um den Standardwert zu implementieren des Textfeldes, um Mausbewegungen zu erkennen. Es gibt jQuery-Code~

Wenn beispielsweise das Textfeld den Mausfokus erhält, wird der Standardwert gelöscht, wenn im Text keine Eingabe erfolgt Nach dem Verlassen des Feldes wird der Mausfokus auf den Standardwert zurückgesetzt.
Codebeispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>程序员之家</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#email").focus(function(){ 
    var email_txt = $(this).val(); 
    if(email_txt == this.defaultValue){ 
      $(this).val(""); 
    } 
  }) 
  $("#email").blur(function(){ 
    var email_txt = $(this).val(); 
    if (email_txt == "") { 
      $(this).val(this.defaultValue); 
    } 
  }) 
})
</script> 
</head> 
<body> 
<p><input type="text" value="请输入邮箱地址" id="email"/></p> 
</body> 
</html>

Above The Code hat unsere Anforderungen erreicht Textfeld erhält Fokus Wenn der Inhalt des Textfelds zu diesem Zeitpunkt mit dem Standardwert übereinstimmt, wird das Textfeld gelöscht. Wenn der Fokus das Textfeld verlässt, wird der Inhalt des Textfelds gelöscht auf den Standardwert zurückgesetzt werden.

Oder verwenden Sie den folgenden Code:

Das Obige ist der Inhalt von jQuery, um die Funktion zum Festlegen und Entfernen des Standardwerts des Textfelds zu implementieren. Weitere Informationen finden Sie hier zur

PHP-Chinese-Website

$(&#39;.default-value&#39;).each(function() {
       var default_value = this.value;
       $(this).focus(function(){
               if(this.value == default_value) {
                       this.value = &#39;&#39;;
               }
       });
       $(this).blur(function(){
               if(this.value == &#39;&#39;) {
                       this.value = default_value;
               }
       });
});
Suche

Oh~Verwandte Empfehlungen:

Detaillierte Erklärung der jQuery-Animation und Spezialeffekte

Über das Geheimnis von jQuery

Detaillierte Erklärung der Verwendung von Jquery Popup-Layer-ThickBox-Plug-in

Das obige ist der detaillierte Inhalt vonjQuery implementiert die Funktion zum Festlegen und Entfernen des Standardwerts des Textfelds. 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：Implementierungsmethode für den JavaScript-Countdown-TimerNächster Artikel：Implementierungsmethode für den JavaScript-Countdown-Timer

In Verbindung stehende Artikel

Mehr sehen