在数字输入上按回车键时提交
Submit when enter is pressed on number input
当我点击这个数字输入框时按回车键时,我想这样做
<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" />
相关文章:
- Javascript生成的表单未提交
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- HTML表单提交时未执行外部函数
- 在POST中将html表作为csv提交
- 我应该使用Ng提交还是点击表格
- 我想使用模态通过php文件发送邮件,并且我希望在提交关闭后关闭pop
- 提交后保留下拉选择的值
- 键入最后一位数字后自动提交
- 阻止表单元素提交
- JS表单提交"无法使用Chrome数据保护程序加载此页面.尝试重新加载页面.调试信息:POST CISmtuK
- Jquery提交表单而不刷新
- 将图像上传ajax与表单提交ajax相结合
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- 自定义表单验证和提交
- 带有验证和隐藏字段值的提交按钮
- 如何在 API 调用后和 if 语句中启用提交按钮
- 如何防止回车键提交表单,但仍然允许回车工作
- 使用回车按钮提交文本框表单
- 如何创建AngularJS指令以在按下回车按钮时提交jquery对话框
- 文本区在第一次提交后第二次按回车不提交