第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用javascript同時觸發(fā)回車鍵和按鈕

如何使用javascript同時觸發(fā)回車鍵和按鈕

梵蒂岡之花 2021-11-18 20:27:16
請幫助我了解如何同時觸發(fā)回車鍵和按鈕。在此代碼中,輸入中的值必須在同時按下回車鍵和“回車”按鈕時觸發(fā)相同的值。每次按下按鈕后,輸入字段都會清除。<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>
查看完整描述

1 回答

?
哆啦的時光機

TA貢獻(xiàn)1779條經(jīng)驗 獲得超6個贊

兩件事:
-首先,找出在單擊按鈕和按 Enter 鍵時運行的通用代碼,然后將其放入單個函數(shù)中,
-其次,請注意,您的輸入將始終是一個字符串,您必須將parseInt其輸入求和

這是一個工作示例:

<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();


    // Here we're clearing the input only after clicking the button

    document.getElementById(id).value = "";

  }

</script>


查看完整回答
反對 回復(fù) 2021-11-18
  • 1 回答
  • 0 關(guān)注
  • 235 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號