자바 스크립트 : 어떻게로드 페이지에 포커스를 설정

2009년 4월 1일

당신의 홈 페이지에서이 귀여운 로그인 양식을 가지고 ... login-form

그리고 당신은 그들이 사이트를 얻는 사람들이 직접 마자 로그인 싶어요.

이것을 촉진하기 위해서는 작은 자바 스크립트 코드를 자동으로 사용자 이름 텍스트 상자에 포커스를 설정하도록 설정되어있다 : 

  함수 onPageLoad () 
  ( 
  document.form.username.focus (); 
  )

저기 경고가 여기 불구하고있다.

보통 프로그래머는 HTML에서와 같은 방식으로 코드가 실행되는 경우에만 페이지의 모든 요소가 로드될들은 자바 스크립트 코드를 삽입.

이제 사용자가 귀하의 사이트에 관해서, 로그인 폼로드하지만, 페이지의 일부 다른 요소는 여전히로드됩니다.

사용자가 사용자 이름을 입력 시작 후 암호를 채우기로 이동합니다 :

login-form-username

귀하의 페이지는 이제, 및 로딩 완료 자바 스크립트가 실행하고 포커스를 텍스트 상자를 사용자 이름으로 설정합니다. 사용자는, 그는 여전히 암호를 입력합니다 이것을 몰라.

login-form-pasword

죄송합니다!

같은 가용성의 결함은 많은 비슷한 상황에서 사용자의 동작과 관련된에서 발생할 수 있습니다.

이러한 특정 상황에서는, 당신은 기분이 코드를 수정할 수 있습니다 : 

  함수 onPageLoad () 
  ( 
  (해당되는 경우 document.form.username.value.length == 0) 
  ( 
  document.form.username.focus (); 
  ) 
  )

당신은 또한대로 양식이 표시 완료 스크립트를 실행하지만만큼이나 먼도없고 신뢰할 수있는 방법이이 일을 할 다른 브라우저는 다르게 물건을 구현하기 때문에 알아 볼 수 있습니다. 같은 브라우저 일을하더라도 일관성 다른 시나리오에서 작동합니다.

10 응답을 지금까지

답장를 남겨주세요