Heim  >  Artikel  >  Web-Frontend  >  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
WBOYOriginal
2016-05-16 15:29:431468Durchsuche

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 0b9f88195e11e39e0e28eff9f297accc 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 = '请输入密码';
    };
  };
};

HTML-Code :

Code kopieren Der Code lautet wie folgt:

8cf1511164c4daec19c5c74bcf2c0ead

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.

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