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

WBOY
Lepaskan: 2016-05-16 16:00:01
asal
1350 orang telah melayarinya

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

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>
Salin selepas log masuk

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.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan