在输入数字时按下 enter 时提交答案

【问题标题】：Submit when enter is pressed on number input在输入数字时按下 enter 时提交
【发布时间】：2016-04-25 08:59:36
【问题描述】：

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

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

它运行这个函数

NextQuestion()

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

【问题讨论】：

标签： javascript html input numbers

【解决方案1】：

使用可以在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();
});

【讨论】：

【解决方案2】：

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

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

【讨论】：

这需要过一段时间才对吗？
不，我不这么认为。
那么，如果我有一个包含所有功能的 jar 文件，我可以将代码放入其中吗？
我猜你的意思是一个 .js 文件，是的，你可以在准备好的文档中添加这段代码，如果你加载了 jquery，它将是： $( document ).ready(function() { $( "input#answer").on("keyup",function(e){ if(e.which==13) NextQuestion(); }); });

【解决方案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();
  }
});

&lt;input id="answer" type="number" style="" placeholder="Answer Box" /&gt;

【讨论】：