菜鳥学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>
この小さな例は簡単で、コードは分かりやすいが、コードの背後にあるものは普通の人には分からない.手を挙げてください.....