input輸入框自動獲取焦點

2022-11-24 22:37:05 字數 1935 閱讀 1888

<

html

>

<

head

>

head

>

<

body

>

使用者名稱:

<

input

type

="text"

id="username"

name

="username"

autofocus

="autofocus"

/><

br/>

密碼:<

input

type

="text"

id="password"

name

="password"

/><

br/>

<

input

type

="submit"

name

="submitbtn"

value

="提交"

/>

body

>

html

>

focus 不生效:

在執行一段指令碼時,對dom的操作應當是即時生效的。dom操作確實都是同步的。但是因dom改變而觸發的事件,以及其他一些效應(例如樣式應用),很可能是非同步的。所以,focus這裡可能是有延遲的。也有人說指令碼對dom的操作不是即時生效的,瀏覽器可能執行完當前指令碼所有**後才真正處理指令碼中對dom的操作。

無論它是不是及時生效,但是,事實就是,focus必須延時一段時間才可以生效。

所以處理這類問題的時候,要加上人工的延時函式,進行延時處理。

延時函式為:

settimeout()

settimeout("$('#test').focus()",500);

zhuan :

<

html

>

<

head

>

head

>

<

body

>

使用者名稱:

<

input

type

="text"

id="username"

name

="username"

autofocus

="autofocus"

/><

br/>

密碼:<

input

type

="text"

id="password"

name

="password"

/><

br/>

<

input

type

="submit"

name

="submitbtn"

value

="提交"

/>

body

>

html

>

focus 不生效:

在執行一段指令碼時,對dom的操作應當是即時生效的。dom操作確實都是同步的。但是因dom改變而觸發的事件,以及其他一些效應(例如樣式應用),很可能是非同步的。所以,focus這裡可能是有延遲的。也有人說指令碼對dom的操作不是即時生效的,瀏覽器可能執行完當前指令碼所有**後才真正處理指令碼中對dom的操作。

無論它是不是及時生效,但是,事實就是,focus必須延時一段時間才可以生效。

所以處理這類問題的時候,要加上人工的延時函式,進行延時處理。

延時函式為:

settimeout()

settimeout("$('#test').focus()",500);

zhuan :