页面加载后如何专注于输入字段？

Question

在我的页面中，我有一个使用 jquery/ajax 保存数据的 html 表单。当用户鼠标离开输入字段时，我正在调用 jquery/ajax。例如，我有以下字段：

1. name : <input type="text" name="name" id="name">
2. email : <input type="text" name="email" id="email">
3. mobile : <input type="text" name="mobile" id="mobile">

所以当用户鼠标离开任何字段时，jquery/ajax 用于将数据存储在数据库中。

现在我的问题是：当我在“姓名”字段中键入内容时，我会立即切换到第二个字段，即使用键盘选项卡的“电子邮件”字段。之后它正在加载页面，因为我在鼠标离开字段时调用它。现在我想在页面加载时关注第二个字段。不仅适用于第二个领域，它应该适用于任何领域。如何做到这一点？

Answer 1

如果您正在进行 ajax 调用，为什么要再次加载页面？只需加载您想要在 ajax 保存后真正更新的部分。如果您想根据打开/操作值选择显示另一个部分，您可以在不加载页面的情况下执行此操作。

如果该部分已经在具有hide 模式的 DOM 中可用，那么在成功 ajax 调用后，只需将其设置为 show。但是，如果该部分在 DOM 中并不真正存在，那么在 ajax 调用之后，只需动态生成该部分的 HTML 内容，然后将其放入您需要的 DOM 中。

就是这样。 Ajax 调用基本上用于不重新加载页面。如果您正在加载页面，则根本不需要 ajax 调用，您可以以正常的post 方式执行此操作。

希望对你有帮助！

Answer 2

在您的 ajax 调用的成功部分，您可以指向下一个输入，例如：
$("#email).focus();