在数字输入上按回车键时提交

Submit when enter is pressed on number input

本文关键字:提交 回车 数字输入      更新时间:2023-09-26

当我点击这个数字输入框时按回车键时,我想这样做

<input id="answerswer" type="number" style="display: none;" placeholder="Answer Box"/>

它运行此函数

NextQuestion()

我想要它,所以当我按回车键时它会运行该功能

使用 可以使用 Jquery 中的 .keypress().click() 函数将多个事件绑定到同一个函数

$('#answer').keypress(function(e){
    if(e.which == 13)
        //Enter key code is 13, this will capture when enter key pressed
        NextQuestion();
});
$('#answer').click(function(e){
    NextQuestion();
});
您必须在此

输入上绑定 keyUp 并检查是否输入 keyCode (13)。在jQuery中,它将是:

$("input#answer").on("keyup",function(e){
    if(e.which==13)
       NextQuestion();
});
您可以使用

keyup事件侦听器

var doc = document.getElementById("answerswer");
doc.addEventListener("keyup", function(e){
  if(e.which==13) {
    alert('Enter key pressed, move to next question')
    //NextQuestion();
  }
});
<input id="answerswer" type="number" style="" placeholder="Answer Box" />