html - 设置按下回车键时触发图像按钮

Question

显然，我知道如何在 ASP.NET Web 表单中使用 DefaultButtons 来做到这一点。但是，我们的客户端开发人员编写代码的方式是，他有一个通过 javascript 完成的提交按钮：

所以javascript正在渲染HTML。

<img id="submitBMI" onclick="quizCalc(); return false;" class="btnHover" src="Submit.gif">

有没有办法让它成为默认按钮？

多谢你们。

Answer 1

例如，如果您的意思是在该表单的文本框中按下回车键时调用 quizCalc() 方法，那么您可以设置表单的 onsubmit 处理程序来调用该方法：

<form ... onsubmit="quizCalc(); return false;">

如果您想要更多地控制哪些输入元素调用该方法，那么您可以查看将 onkeypress 与单个处理程序 onKeyPress(event) 一起使用，查看类似的问题

更新

您可以按照乔纳森所说的做，但只需删除 return false ，因为这会取消按键向文本框添加字符。

document.onkeydown = function(e)
{
  var keyCode = document.all ? event.keyCode : e.which;
  if(keyCode == 13) quizCalc(); 
}

Answer 2

假设您没有使用 js 库，如果在页面上的任何位置按下 enter，这将起作用：

document.onkeydown = function KeyDown(e)
{
  var keyCode = document.all ? event.keyCode : e.which;

  if(keyCode == 13) {
    quizCalc(); 
    return false;
  }
}