Zusammenfassung:
Es gibt jetzt eine Anforderung, wie in der Abbildung gezeigt. Wenn der Benutzer das Kontrollkästchen "Plaintext" überprüft, muss er oder sie das vom Benutzer im Klartext eingegebene Passwort anzeigen. Wenn der Scheck entfernt wird, sollte er oder sie wieder in den Chiffretext wenden. Am Anfang sollte er oder sie den Typ des Eingabefeldes ändern, um zu entscheiden, ob der Klartext oder den Chiffretext angezeigt werden soll. Er oder sie benutzt Jquerys Attrig, um das Experiment durchzuführen. Die Testergebnisse sind Chrom, Firefox und IE9+, und ein Fehler wird unten gemeldet. IE8. Ich fand den Grund. Es darf nicht das Typ -Attribut der Eingabe in IE8 ändern, und schließlich habe ich eine andere Idee, es zu implementieren.
Wenn der Display -Klartext aktiviert ist, wird das Eingabefeld durch Typ = "Text" ersetzt. Wenn das Eingabefeld nicht aktiviert ist, lautet der Code wie folgt:
<! DocType html> <html> <kopf> <titels> </title> <meta http-äquiv = "content-type" content = "text/html; charset = utf-8"> <script src = "jquery.min type = "password"> </span> <label> <Eingabe type = "CheckBox" id = "show-password"> plellEText </label> <skripts> $ ('#show-password'). click (function () {var inp, cname, val; if (this.tond) {inp = $ ('#pass'; inp.val (); $ ('#pass'). name = "'+cname+'" value = "'+val+'" "type =" password "> ');}}); </script> </body> </html>Zusammenfassen:
Dieser Artikel hat keinen technischen Inhalt, aber diese Art von Interaktion gibt es noch. Ich betrachte hauptsächlich die Kompatibilitätsprobleme unten IE8. Wenn Sie diese Art von Interaktion in Ihrem Projekt haben, können Sie sich darauf verweisen oder wenn Sie eine bessere Möglichkeit haben, sie mit mir zu teilen.