在数字输入上按Enter时提交

Question

我要这样做，所以当我单击此数字输入框时按Enter

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

它运行此功能

NextQuestion()

我想要它，所以当我按Enter时它将运行该功能

Answer 1

您必须在此输入的keyUp上绑定并检查是否输入了keyCode（13）。 在jQuery中，它将是：

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

Answer 2

使用可以使用.keypress()和.click()函数jQuery中绑定多个事件相同的功能

$('#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();
});

Answer 3

您可以使用keyup事件监听器

 var doc = document.getElementById("answer"); doc.addEventListener("keyup", function(e){ if(e.which==13) { alert('Enter key pressed, move to next question') //NextQuestion(); } }); 

 <input id="answer" type="number" style="" placeholder="Answer Box" />