Rumah  >  Artikel  >  hujung hadapan web  >  Cara mendaftar acara pemulangan kereta untuk butang (menetapkan butang lalai) menggunakan kemahiran javascript_javascript

Cara mendaftar acara pemulangan kereta untuk butang (menetapkan butang lalai) menggunakan kemahiran javascript_javascript

WBOY
WBOYasal
2016-05-16 16:00:011347semak imbas

Contoh dalam artikel ini menerangkan kaedah javascript mendaftarkan acara pemulangan pengangkutan untuk butang (menetapkan butang lalai). Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Pertama sekali, saya perlu mengatakan bahawa saya benar-benar seorang yang baru apabila bercakap tentang JS. Mengenai JS dan beberapa rangka kerja JS seperti JQuery, saya hanya dalam peringkat aplikasi mudah, saya juga sentiasa belajar. Saya berharap untuk berkongsi lebih banyak pengalaman dalam JS dengan anda pada masa akan datang. Mari kita mulakan dengan sesuatu yang menyelerakan hari ini Mari kita bercakap tentang cara menetapkan butang lalai, tidak kira sama ada fokus pada butang atau tidak, selagi anda menekan Enter, acara klik butang akan dicetuskan.

Kod ini sangat mudah untuk melengkapkan fungsi ini, hanya beberapa baris kod diperlukan:

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

Nampaknya agak terlalu mudah saya berasa agak malu untuk menghabiskan blog seperti ini. Akhir sekali, izinkan saya melampirkan contoh program kecil untuk anda:

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

Contoh kecil ini sangat mudah dan kodnya mudah difahami, tetapi perkara di sebalik kod tidak boleh difahami oleh orang biasa. Kalau faham sila angkat tangan....

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn