recherche

Maison >interface Web >js tutoriel >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

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
WBOYoriginal
2016-05-16 16:00:011374parcourir

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){
 //我们要做的事情
 }
}

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>

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.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment utiliser js pour exploiter les attributs CSS afin d'obtenir l'effet d'expansion et de fermeture des compétences div layer_javascriptArticle suivant：Comment utiliser js pour exploiter les attributs CSS afin d'obtenir l'effet d'expansion et de fermeture des compétences div layer_javascript

Articles Liés

Voir plus