javascript - 在输入键上提交文本字段(AJAX)

Question

我有一个通过 AJAX 操作的搜索。当用户按下搜索按钮时它工作得很好，问题是......如果用户按下回车......它提交表单而不是执行 AJAX javascript 函数。如何让 Enter 按钮调用我的 AJAX 函数而不是提交表单？

Answer 1

使用表单的 onsubmit 事件来执行您的 ajax 调用，如果按钮尚未提交，则将其设为提交按钮。

示例 HTML

<form action="/search.php" onsubmit="submitAjaxQuery(event)">
    <input type="text" name="keywords" />
    <button type="submit">Go!</button>
</form>

示例 JS

function submitAjaxQuery(event)
{
    if (event.preventDefault)
        event.preventDefault();
    else
        event.cancel = true;

    // run ajax calling function here.
}