So registrieren Sie ein Wagenrücklaufereignis für eine Schaltfläche (Festlegen der Standardschaltfläche) mithilfe von javascript_javascript-Kenntnissen-js-Tutorial-php.cn

So registrieren Sie ein Wagenrücklaufereignis für eine Schaltfläche (Festlegen der Standardschaltfläche) mithilfe von javascript_javascript-Kenntnissen

WBOY

Freigeben： 2016-05-16 16:00:01

Original

1355 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Methode, mit der Javascript das Wagenrücklaufereignis für die Schaltfläche registriert (die Standardschaltfläche festlegt). Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Zuerst muss ich sagen, dass ich in Sachen JS wirklich ein Neuling bin. Was JS und einige JS-Frameworks wie JQuery betrifft, befinde ich mich erst in der Phase der einfachen Anwendung. Natürlich lerne ich auch ständig dazu, mit Ihnen mehr Erfahrungen zu teilen. Beginnen wir heute mit etwas Appetitlichem. Lassen Sie uns darüber sprechen, wie Sie eine Standardschaltfläche festlegen. Das heißt, egal, ob der Fokus auf der Schaltfläche liegt oder nicht, solange Sie die Eingabetaste drücken, wird das Klickereignis der Schaltfläche ausgelöst.

Der Code ist sehr einfach. Um diese Funktion abzuschließen, sind nur wenige Codezeilen erforderlich:

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

Nach dem Login kopieren

Nun, es scheint ein bisschen zu einfach zu sein. Es ist mir ein wenig peinlich, einen Blog wie diesen zu beenden. Lassen Sie mich abschließend noch ein Beispiel eines kleinen Programms für Sie anhängen:

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

Nach dem Login kopieren

Dieses kleine Beispiel ist sehr einfach und der Code ist leicht zu verstehen, aber die Dinge hinter dem Code sind für normale Menschen nicht verständlich. Wenn Sie verstehen, heben Sie bitte Ihre Hand....

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.