Heim > Web-Frontend > js-Tutorial > JS erkennt den Verschwinden- und Anzeigeeffekt des Passwortfelds entsprechend dem Erwerb und Verlust von focus_javascript-Fähigkeiten

JS erkennt den Verschwinden- und Anzeigeeffekt des Passwortfelds entsprechend dem Erwerb und Verlust von focus_javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 15:29:43
Original
1539 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die JS-Implementierung des Verschwindens und Anzeigeneffekts des Passwortfelds basierend auf dem Erwerb und Verlust des Fokus. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Dinge:

1. Ersetzen Sie zunächst vorübergehend das Passwortfeld durch txt und weisen Sie den Standardwert zu.
2. Wenn das Textfeld den Fokus erhält, löschen Sie den Standardwert und ändern Sie den Typ in „Passwort“.
3. Wenn das Textfeld den Fokus verliert, ändern Sie den Typ in „txt“ und legen Sie den Standardwert auf „Bitte geben Sie Ihr Passwort ein“ fest.

JS-Code:

window.onload=function(){
  var input=document.getElementById('input');
  input.onfocus=function(){
    if(this.value=='请输入密码'){
      this.value='';
      this.type='password';
    };
  };
  input.onblur=function(){
    if(!this.value){
      this.type = 'text';
      this.value = '请输入密码';
    };
  };
};
Nach dem Login kopieren

HTML-Code :

Code kopieren Der Code lautet wie folgt:


PS: Hier empfehlen wir ein sehr einfach zu verwendendes JavaScript-Komprimierungs-, Formatierungs- und Verschlüsselungstool, das sehr leistungsstark ist (für diejenigen, die ihren Code verschlüsseln möchten, Sie Vielleicht möchten Sie es ausprobieren. Probieren Sie die js-Verschlüsselungsfunktion hier aus):

JavaScript-Komprimierungs-/Formatierungs-/Verschlüsselungstool: http://tools.jb51.net/code/jscompress

Darüber hinaus verwendet die Verschlüsselung im oben genannten js-Tool das Evaluierungsfunktions-Verschlüsselungsformular. Zu diesem Zweck stellt diese Website auch das folgende Entschlüsselungstool für die Evaluierungsfunktionsverschlüsselung bereit, das sehr leistungsstark und praktisch ist!

JS-Bewertungsmethode Online-Verschlüsselungs- und Entschlüsselungstool: http://tools.jb51.net/password/evalencode

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage