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

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
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 :

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.