在输入时提交2个文本输入

Question

我有两个文本输入，每个都有一个提交按钮。每个按钮都有一个单击AJAX函数，可以调用php脚本并填充页面。

我需要找到一种方法让enter键提交输入文本的按钮。

例如，如果我在“product_code”输入文本中键入内容并按Enter键我想调用该输入的指定按钮（getByCode（））的AJAX函数。

Product name: <input type="text" name="product_name" id="product_name">
<input type="submit" value="Search" onClick="searchByName(document.getElementById('product_name').value)"> <br />



Product code: <input type="text" name="product_code" id="product_code">
<input type="submit" value="Search" onClick="getByCode(document.getElementById('product_code').value)"> <br />

我不一定需要输入按钮，例如，如果有帮助，我可以使用图像。

Answer 1

所有浏览器都支持document.activeElement，它会告诉您哪个元素具有焦点。在您的按键事件处理程序中，针对您的两个输入检查此值以查看哪个具有焦点。如果两者都没有焦点，那么......？