在網(wǎng)頁表單提交時,往往需要指定焦點到某一個表單項,以提高用戶體驗和操作便利性。使用jQuery可以輕松實現(xiàn)焦點設(shè)置的功能,具體如下:
$(document).ready(function(){ $("#inputUsername").focus(); });
上述代碼中,通過選擇器獲取元素的ID屬性,并使用jQuery的focus()方法來設(shè)置焦點,從而讓表單的焦點默認設(shè)定在輸入用戶名的文本框中。如果我們需要在焦點離開當前表單元素時,自動將焦點設(shè)置到下一個表單元素中,我們可以使用jQuery的keyup事件,代碼如下:
$(document).ready(function(){ $("#inputUsername").keyup(function(event){ if(event.keyCode==13){ $("#inputPassword").focus(); } }); });
上述代碼中,使用keyup事件捕獲用戶在表單元素中按下回車鍵的事件(keyCode為13),然后使用focus()方法將焦點設(shè)置到下一個表單元素的輸入?yún)^(qū)域。這樣,在用戶完成當前表單元素的輸入后,按下回車鍵后即可自動將焦點定位到下一個表單元素,方便用戶操作。