菜鳥学JS(四)——javascriptボタン登録リターンイベント(デフォルトボタン設定)

8715 ワード

JSでは、自分は本当に正真正銘の菜鳥だと言わざるを得ない.JSやJQueryなどのJSフレームワークについては、自分も簡単な応用の段階にあるだけで、もちろん自分も絶えず勉強しています.将来、JSの心得をもっと共有したいと思っています.今日はまず胃を開いて、どのようにデフォルトのボタンを設定するかを話して、フォーカスがボタンの上にあるかどうかにかかわらず、車に戻るだけで、ボタンのクリックイベントをトリガーしたのと同じです.
コードは非常に簡単です.この機能を完了するには、数行のコードしか必要ありません.
    // 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>

 
この小さな例は簡単で、コードは分かりやすいが、コードの背後にあるものは普通の人には分からない.手を挙げてください.....