簡體   English   中英

頁面加載后如何關注輸入字段?

[英]how to focus on input field after page load?

在我的頁面中,我有一個html表單,該表單使用jquery / ajax保存數據。 當用戶鼠標離開輸入字段時,我正在調用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將數據存儲在數據庫中。

現在我的問題是:當我在“名稱”字段中鍵入內容時,我立即切換到第二個字段,即使用鍵盤選項卡的“電子郵件”字段。 之后,它正在加載頁面,因為當鼠標從字段離開時我正在調用它。 現在,我想在頁面加載時專注於第二個字段。 不僅適用於第二個領域,它還應適用於任何領域。 如何實現呢?

在ajax調用的成功部分中,您可以指向下一個輸入,例如:
$("#email).focus();

如果執行ajax調用,為什么還要再次加載頁面? 保存ajax之后,只需加載您要真正更新的部分即可。 如果要根據打開/操作值選擇顯示另一部分,則可以在不加載頁面的情況下進行操作。

如果該部分已經可以在具有hide模式的DOM中使用,那么在成功執行ajax調用后,只需進行show 但是,如果該部分不是真正存在於DOM中,那么在ajax調用之后,只需立即為該部分生成HTML內容,然后將其放入您需要的DOM中即可。

就這樣。 Ajax調用基本上用於不重新加載頁面。 如果您正在加載頁面,則根本不需要ajax調用,您可以通過常規post方式進行。

希望這對您有幫助!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM