jQuery implementiert die Funktion zum Festlegen und Entfernen des Standardwerts des Textfelds-js-Tutorial-php.cn

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

韦小宝

Freigeben： 2017-11-28 10:00:32

Original

1482 Leute haben es durchsucht

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>

Nach dem Login kopieren

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;
               }
       });
});

Nach dem Login kopieren

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!