Il est nécessaire d'entrer le mot de passe et d'appuyer sur Entrée pour déclencher un événement d'arrière-plan. Cela semble être une exigence très simple, mais elle rencontre de nombreuses difficultés.
Il existe principalement une zone de texte d'entrée de mot de passe dans le contenu HTML et un bouton pour déclencher des événements d'arrière-plan.
1. Une fois que la zone de texte de la zone de texte a été mise au point, appuyez sur Entrée directement et que la page sera actualisée.
Après une étude minutieuse du code, il s'avère que lorsqu'il n'y a qu'un seul contrôle de zone de texte dans la page, la page actualisera lors de l'appuyer sur Entrée.
Comment le gérer: Ajoutez un contrôle de zone de texte caché à la page.
Le principe spécifique est inconnu!
2. Utilisez jQuery pour implémenter la méthode:
$ (document) .ready (function () {$ ("# tbpassword"). focus (); $ ('# bpassword'). keydown (function (e) {if (e.keycode == 13) {$ ("# ctl00_contentbody_btnaccept_linkbutton") [0] .click ();}});});3. Pour diverses raisons, je ne peux pas utiliser la méthode d'implémentation JQuery, je dois donc passer à JS. Sa compatibilité est le problème le plus gênant.
document.getElementByIdx_X_X ("tbpassword"). onKeyPress = fonction (événement) {var keyNum; if (window.event) // ie {keynum = window.event.KeyCode; } else if (event.which) // netscape / firefox / opéra {keynum = event.which; } if (keynum == 13) document.getElementByidx_x_x ('ctl00_contentbody_btnaccept_linkbutton'). cliquez (); }illustrer:
Lisez les touches du clavier sous IE:
keyNum = event.KeyCode; // lettre d, keyNum = 100 keychar = string.fromCharcode (keyNum); // Convertir Keynum en caractère d
Lisez les touches du clavier dans Firefox:
keyNum = event.which; // lettre d, keyNum = 100 keychar = string.fromCharcode (keyNum); // Convertir Keynum en caractère d
Par exemple, dans IE, il n'y a que des attributs de keycode, tandis que Firefox a qui et les attributs Charcode, et l'opéra a Keycode et quels attributs.
Par conséquent, ce problème de compatibilité a été résolu dans jQuery.
Ce qui précède concerne cet article, j'espère qu'il sera utile à l'apprentissage de tout le monde.