Comment enregistrer un événement de retour chariot pour un bouton (définir le bouton par défaut) à l'aide des compétences javascript

Comment enregistrer un événement de retour chariot pour un bouton (définir le bouton par défaut) à l'aide des compétences javascript_javascript

WBOY

Libérer： 2016-05-16 16:00:01

original

1344 Les gens l'ont consulté

L'exemple de cet article décrit la méthode de javascript enregistrant l'événement de retour chariot pour le bouton (définition du bouton par défaut). Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Tout d'abord, je dois dire que je suis vraiment novice en matière de JS. Concernant JS et certains frameworks JS tels que JQuery, je n'en suis qu'au stade d'application simple. Bien sûr, j'apprends aussi constamment, j'espère partager plus d'expérience en JS avec vous à l'avenir. Commençons par quelque chose d'appétissant aujourd'hui. Parlons de la façon de définir un bouton par défaut. Autrement dit, peu importe que le focus soit sur le bouton ou non, tant que vous appuyez sur Entrée, l'événement de clic du bouton sera déclenché.

Le code est très simple. Pour compléter cette fonction, seules quelques lignes de code sont nécessaires :

//为keyListener方法注册按键事件
document.onkeydown=keyListener;
function keyListener(e){
 // 当按下回车键，执行我们的代码
 if(e.keyCode == 13){
 //我们要做的事情
 }
}

Copier après la connexion

Eh bien, cela semble un peu trop simple. Je me sens un peu gêné de terminer un blog comme celui-ci. Enfin, permettez-moi de joindre un exemple de petit programme pour vous :

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>计算器</title>
  <script type="text/javascript" >
   function calculate() {
    var a = document.getElementById("pre-tax").value;
    if (parseInt(a)>8000) {
     document.getElementById("interest").value =800+ (a - 8000)*15/100;
    } else {
     document.getElementById("interest").value =a/10;
    }
   }
   //为keyListener方法注册按键事件
   document.onkeydown=keyListener;
   function keyListener(e){
    // 当按下回车键，执行我们的代码
    if(e.keyCode == 13){
     calculate();
    }
   }
  </script>
 </head>
 <body >
  税前薪资：<input type="text" id="pre-tax"/> 
  <input type="button" id="calculate" value="计算" onclick="calculate()"/>
  利息：<input type="text" id="interest" readonly="readonly"/>
 </body> 
</html>

Copier après la connexion

Ce petit exemple est très simple et le code est facile à comprendre, mais les éléments derrière le code ne sont pas compréhensibles par les gens ordinaires. Si vous comprenez, veuillez lever la main....

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.