ホームページ  >  記事  >  ウェブフロントエンド  >  javascript_javascript スキルを使用してボタンのキャリッジ リターン イベントを登録する方法 (デフォルト ボタンの設定)

javascript_javascript スキルを使用してボタンのキャリッジ リターン イベントを登録する方法 (デフォルト ボタンの設定)

WBOY
WBOYオリジナル
2016-05-16 16:00:011320ブラウズ

この記事の例では、JavaScript でボタンの改行イベントを登録する (デフォルトのボタンを設定する) 方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。

まず第一に、私は JS に関しては本当に初心者であると言わなければなりません。 JS や JQuery などの一部の JS フレームワークについては、まだ簡単な応用の段階にありますが、今後も JS に関するさらなる経験を共有していきたいと思っています。今日は、デフォルトのボタンを設定する方法について話しましょう。つまり、ボタンにフォーカスがあるかどうかに関係なく、Enter キーを押している限り、ボタンのクリック イベントがトリガーされます。

コードは非常に単純で、この関数を完了するには数行のコードのみが必要です。

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

うーん、このままブログを終えるのはちょっと恥ずかしい気がします。最後に、小さなプログラムの例を添付します:

<!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>

この小さな例は非常にシンプルでコードは理解しやすいですが、コードの背後にあるものは一般の人には理解できません。ご理解いただける方は手を挙げてください....

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。