suchen

Heim >Web-Frontend >js-Tutorial >So registrieren Sie ein Wagenrücklaufereignis für eine Schaltfläche (Festlegen der Standardschaltfläche) mithilfe von javascript_javascript-Kenntnissen

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

WBOY
WBOYOriginal
2016-05-16 16:00:011351Durchsuche

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

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>

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.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So verwenden Sie js zum Bedienen von CSS-Attributen, um den Erweiterungs- und Abschlusseffekt der div-layer_javascript-Fähigkeiten zu erzielenNächster Artikel：So verwenden Sie js zum Bedienen von CSS-Attributen, um den Erweiterungs- und Abschlusseffekt der div-layer_javascript-Fähigkeiten zu erzielen

In Verbindung stehende Artikel

Mehr sehen