如何使用javascript同时触发输入键和按钮

问题描述 投票:0回答:1

[请帮助我了解如何同时触发输入键和按钮。在此代码中,同时按下Enter键和“ Enter”按钮时,输入值必须触发相同。按下按钮后,输入字段将每次清除。

<div id="myForm">
   <input type="text" id="bedrag"/>
   <button type="button" onclick="check_field('bedrag');"value = ''>Enter</button>
   <p>Uw totaal:</p>
   <p id="resultaat"></p>
</div>
 <script>

      var totaal=0;
      var bedrag = document.getElementById("bedrag");
      bedrag.onkeydown = bereken

     function bereken(e) {
       if ( e.keyCode == 13) {
       var ingevoerdeBedrag = +document.getElementById("bedrag").value;
       totaal = totaal+ ingevoerdeBedrag;
       document.getElementById("resultaat").innerHTML ='Het bedrag is ' + totaal;
       }
     }
     function check_field(id) {
            var field = document.getElementById(id);
            if (isNaN(field.value)) {
                alert('not a number');
            } else {
              return myFunction();
            }
        }
  </script>
javascript button triggers key enter
1个回答
0
投票
这是一个有效的示例:

<div id="myForm"> <input type="text" id="bedrag" /> <button type="button" onclick="check_field('bedrag');" value=''>Enter</button> <p>Uw totaal:</p> <p id="resultaat"></p> </div> <script> var totaal = 0; var bedrag = document.getElementById("bedrag"); bedrag.onkeydown = bereken function submit() { var ingevoerdeBedrag = document.getElementById("bedrag").value; if (isNaN(parseInt(ingevoerdeBedrag))) { alert('not a number'); } else { totaal = totaal + parseInt(ingevoerdeBedrag); document.getElementById("resultaat").innerHTML = 'Het bedrag is ' + totaal; } } function bereken(e) { if (e.keyCode == 13) { submit(); } } function check_field(id) { submit(); } </script>
© www.soinside.com 2019 - 2024. All rights reserved.