개체에 촛점을 주고, onfocus 이벤트를 발생시킨다.

인수/파라메터
object

필수적인 object 인수는 초점을 주고저하는 개체의 이름이나 개체 배열변수 대한 인수에 의한 참조이다.

인수/파라메터

파라메터는 없다.

반환값

반환값은 없다.

구문 예제
document.formName.inputName.focus();
document.forms[0].elements[1].focus();
windowName.focus();
설명

대부분의 form 개체와 윈도우(window) 개체에 적용되고 Javascript에 의하여 해당 개체에 초점을 줄 수 있다.

해당 개체 위에서 마우스를 클릭하는 것과 같은 효과를 준다. 초점은 항상 한개의 개체에만 줄 수 있다.

해당개체에서 초점을 제거하려면 blur() 메서드를 사용하면 된다.
focus() 메서드를 사용할 수 있는 개체에서는 blur() 메서드도 사용할 수 있다.

특기

여러개의 윈도우 창이 열려 있을 때 해당 window 개체에 초점을 주면 맨위로 올라와 작업할 수 있는 상대가 되어 편리하다.

이 메서드는 를 발생시키고 onfocus 이벤트 처리자에 기술된 코드를 수행한다.

IE5에서, focus 메서드에 노출되는 엘레멘트는 tabIndex 애트리뷰트가 있어야 한다.

문서가 완전히 로딩될 떄까지는 엘레멘트는 초점을 받를 수 없다.

적용
개체scriptIE
참조

이 메서드는 (영문)DOM1(W3C Document Object Model Level 1)에서 정의되었다.



초점 정보 표시하는 곳

문서가 로딩되면 textAreaName 텍스트에리아에 초점이 오도록 하였다. 마우스를 다른 필드에 클릭하며 초점을 바꿔보라.

<FORM name="formName">
<TEXTAREA name="textAreaName"
  onFocus="showFocus(this)">초점은 한개의 개체에만 줄 수 있다.</TEXTAREA>
<INPUT type="text" name="textName" value="나머지는 모두 blur 이다"
  onFocus="showFocus(this)"></INPUT>
<INPUT type="password" name="passwordName" value=""
  onFocus="showFocus(this)"></INPUT>
</FORM>

<SCRIPT>
document.onload=document.formName.textAreaName.focus(); // 문서가 로딩되면 textAreaName에 초점이 오도록한다.

function showFocus(obj){ // 개체를 인수로 받아 기능함수를 수행한다.
  showArea.innerHTML='초점은 <FONT color=blue><B>'+obj.name+'</B></FONT>에 왔다.'; // 초점 정보를 출력한다.
}
</SCRIPT>

<DIV id="showArea" class=show style=width:400;text-align:center>초점 정보 표시하는 곳</DIV>