Maison  >  Article  >  interface Web  >  JS réalise l'effet de disparition et d'affichage de la boîte de mot de passe en fonction de l'acquisition et de la perte des compétences focus_javascript

JS réalise l'effet de disparition et d'affichage de la boîte de mot de passe en fonction de l'acquisition et de la perte des compétences focus_javascript

WBOY
WBOYoriginal
2016-05-16 15:29:431468parcourir

L'exemple de cet article décrit l'implémentation JS de l'effet de disparition et d'affichage de la boîte de mot de passe en fonction de l'acquisition et de la perte de focus. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Choses :

1. Tout d'abord, remplacez temporairement la zone du mot de passe par txt et attribuez la valeur par défaut bda6115804de412be357cabd4e1bd10f
2. Lorsque la zone de texte obtient le focus, effacez la valeur par défaut et modifiez le type en mot de passe.
3. Lorsque la zone de texte perd le focus, modifiez le type en txt et définissez la valeur par défaut sur « Veuillez saisir votre mot de passe ».

Code JS :

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

Code HTML  :

Copier le code Le code est le suivant :

dfcc585a79bf8e8ee8464428a507b787

PS : Nous vous recommandons ici un outil de compression, de formatage et de chiffrement JavaScript très simple d'utilisation, qui est très puissant (pour ceux qui veulent chiffrer leur code, vous vous voudrez peut-être l'essayer. Essayez la fonction de cryptage js ici) :

Outil de compression/formattage/chiffrement JavaScript : http://tools.jb51.net/code/jscompress

De plus, le cryptage dans l'outil js ci-dessus utilise le formulaire de cryptage de la fonction eval. Pour cela, ce site fournit également l'outil de décryptage suivant pour le cryptage de la fonction eval, qui est très puissant et pratique !

Outil de cryptage et de décryptage en ligne de la méthode d'évaluation JS : http://tools.jb51.net/password/evalencode

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn