javascript - onfocus="this.type='password'", pourquoi ne pas simplement utiliser type='password'
怪我咯2017-06-28 09:27:57
0
2
935
J'ai vu un morceau de code de quelqu'un d'autre. Pourquoi la zone de saisie du mot de passe utilise-t-elle onfocus="this.type='password'" au lieu d'utiliser directement l'invite de configuration de l'espace réservé ?
Je connais la réponse. Il s'avère que c'est pour empêcher le navigateur de mémoriser le mot de passe. En fait, il y a un attribut autocomplete='off' au début, l'attribut type de la zone de mot de passe est défini sur texte. et quand il obtient le focus, il est remplacé par mot de passe. Cependant, dans la dernière version de Firefox, la méthode de passage à la version 54 est inutile, le mot de passe sera toujours mémorisé, mais le mot de passe ne sera pas mémorisé dans Chrome
document.querySelector("#psd").onfocus = function () {
this.type = 'password';
}
</script> Les deux ont le même effet et <input type="text" onfocus="this.type='password'"/> Vous pouvez mettre un point d'arrêt sur la console pour indiquer que les deux effets Ça devrait être pareil
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Je connais la réponse. Il s'avère que c'est pour empêcher le navigateur de mémoriser le mot de passe. En fait, il y a un attribut autocomplete='off' au début, l'attribut type de la zone de mot de passe est défini sur texte. et quand il obtient le focus, il est remplacé par mot de passe. Cependant, dans la dernière version de Firefox, la méthode de passage à la version 54 est inutile, le mot de passe sera toujours mémorisé, mais le mot de passe ne sera pas mémorisé dans Chrome
.<body>
<input type="text" onfocus="this.type='password'"/>
<input type="text" id="psd"/>
</body> ;
<script>
</script>
Les deux ont le même effet et <input type="text" onfocus="this.type='password'"/> Vous pouvez mettre un point d'arrêt sur la console pour indiquer que les deux effets Ça devrait être pareil