Actuellement, un problème très dégoûtant est rencontré dans le développement d'un projet. J'ai initialement entré le nom d'utilisateur et le mot de passe dans l'interface de connexion et connecté. Après avoir sélectionné pour se souvenir du mot de passe, le nom d'utilisateur et le mot de passe entrés dans l'interface de connexion seront remplis dans la page de contenu de la page de contenu. La page de contenu veut créer un nouveau sous-compte, ce qui est vraiment dégoûtant.
Bien sûr, cela ne se produira pas sous des navigateurs haut de gamme tels que Firefox, IE8 ou supérieur. Le problème est 360! À la hauteur des attentes, cette recrue a traversé les tentatives suivantes:
Le premier: annulez le mot de passe automatique dans le navigateur.
Malheureusement, cette chose n'a pas de réponse à 360. Merde, la première tentative a échoué! (Bien sûr, même si cela prend effet, en tant que développeur, vous ne pouvez pas laisser tous les utilisateurs prendre cette action!)
Le deuxième type: ajoutez l'attribut AutoC-Aomplete = "OFF" à la saisie afin qu'il n'écrit pas automatiquement le nom d'utilisateur et le mot de passe.
Malheureusement, cette chose est également à l'abri de 360, bon sang!
Le troisième type: modifiez dynamiquement l'attribut de type de l'entrée via JS:
<input type = "text" id = "mot de passe" onfocus = "this.type = 'mot de passe'" />
Cette fois, le mot de passe entré a été affiché directement sous 360, ce qui signifie que celui d'Onfocus n'a pas été exécuté. J'ai fait un court point et l'ai exécuté ci-dessous. J'ai trouvé que JQuery avait signalé une erreur. Une propriété de type d'exception non apprise ne peut pas être modifiée. Malheureusement, la modification du type n'est pas prise en charge sous IE.
Le quatrième type: Comme vous ne pouvez pas le faire, vous ne pouvez implémenter que des moyens extraordinaires. Si vous ne me laissez pas changer, je ne changerai pas. Je vais te cacher et avoir une astuce!
La copie de code est la suivante:
$ (function () {
$ ("# Pwd"). Focus (function () {
$ (this) .hide ();
$ ("# mot de passe"). Val (""). Show (). CSS ("backgroundColor", "# ffff"). focus ();
});
$ ("# mot de passe"). blur (function () {
$ (this) .show (). css ("backgroundColor", "# fff");
$ ("# Pwd"). Hide ();
});
$ ("# Un"). Focus (function () {
$ (this) .hide ();
$ ("# username"). val (""). show (). css ("backgroundColor", "# ffff"). focus ();
});
$ ("# username"). blur (function () {
$ (this) .show (). css ("backgroundColor", "# fff");
$ ("# Un"). Hide ();
});
});
Remarque: Définissez-Color de l'arrière-plan sur #FFF car 360 donnera un fond jaune par défaut.
Utilisez une boîte d'entrée avec le nom d'utilisateur et le mot de passe ID et non respectivement. Le style est défini sur la même chose. Lorsque nous cliquons sur la fausse entrée, laissez le vrai écran.
La copie de code est la suivante:
<input id = "un" maxLength = "26" type = "text" />
<input id = "username" name = "user.username" maxLength = "26" style = "affiche: aucun;" type = "text" />
<input id = "pwd" maxLength = "20" type = "text" />
<entrée id = "mot de passe" name = "user.password" maxLength = "20" style = "affiche: aucun;" type = "mot de passe" />
La mission est terminée!