Actualmente, se encuentra un problema muy desagradable en el desarrollo de un proyecto. Originalmente ingresé el nombre de usuario y la contraseña en la interfaz de inicio de sesión e inicié sesión. Después de seleccionar para recordar la contraseña, el nombre de usuario y la contraseña ingresados en la interfaz de inicio de sesión se llenarán en la página de contenido en la página de contenido. La página de contenido quiere crear una nueva subcuenta, que es realmente desagradable.
Por supuesto, esto no sucederá bajo navegadores de alta gama como Firefox, IE8 o superior. ¡El problema es 360! Al cumplir con las expectativas, este novato ha pasado por los siguientes intentos:
El primero: cancele la contraseña automática en el navegador.
Desafortunadamente, esto no tiene respuesta a 360. ¡Maldición, el primer intento falló! (Por supuesto, incluso si entra en vigencia, como desarrollador, ¡no puede dejar que todos los usuarios tomen esta acción!)
El segundo tipo: Agregue el atributo automático = "apagado" a la entrada para que no escriba automáticamente el nombre de usuario y la contraseña.
Desafortunadamente, esta cosa también es inmune a 360, ¡maldita sea!
El tercer tipo: modificar dinámicamente el atributo de tipo de entrada a través de JS:
<input type = "text" id = "contraseña" onfocus = "this.type = 'contraseña'" />
Esta vez, la contraseña ingresada se mostró directamente bajo 360, lo que significa que la de Onfocus no fue ejecutada. Hice un punto corto y lo ejecuté a continuación. Descubrí que jQuery informó un error. Una propiedad de tipo de excepción no captura no se puede cambiar el error. Desafortunadamente, la modificación del tipo no es compatible con IE.
El cuarto tipo: dado que no puede hacerlo, solo puede implementar medios extraordinarios. Si no me dejas cambiar, entonces no cambiaré. ¡Te esconderé y tendré un truco!
La copia del código es la siguiente:
$ (function () {
$ ("#Pwd"). Focus (function () {
$ (esto) .Hide ();
$ ("#contraseña"). val (""). show (). CSS ("BackgroundColor", "#ffff"). focus ();
});
$ ("#contraseña"). Blur (function () {
$ (this) .show (). CSS ("BackgroundColor", "#fff");
$ ("#Pwd"). Hide ();
});
$ ("#Un"). Focus (function () {
$ (esto) .Hide ();
$ ("#UserName"). Val (""). Show (). CSS ("BackgroundColor", "#ffff"). Focus ();
});
$ ("#username"). Blur (function () {
$ (this) .show (). CSS ("BackgroundColor", "#fff");
$ ("#Un"). Hide ();
});
});
Nota: Establezca el color de fondo en #FFF porque 360 dará un fondo amarillo de forma predeterminada.
Use un cuadro de entrada con ID, no nombre de usuario y contraseña, respectivamente. El estilo se establece en el mismo. Cuando haga clic en la entrada falsa, deje que la visualización real.
La copia del código es la siguiente:
<input id = "un" maxLength = "26" type = "text" />
<input id = "username" name = "user.username" maxLength = "26" style = "Display: None;" type = "Text" />
<input id = "pwd" maxlength = "20" type = "text" />
<input id = "contraseña" name = "user.password" maxLength = "20" style = "visualización: ninguno;" type = "Password" />
¡La misión está hecha!