개체가 초점을 받았는지 시각적으로 인식할 수 있는 부울값으로 반환하거나 설정한다.

object.hideFocus[=true|false]
인수
object (개체)

필수적인 인수 object는 이 속성이 적용되는 엘레맨트 개체이다.

: (속성 부울값)
선택적인 인수 속성값은 개체에 초점을 감출 것인가를 나타내는 부울값이다.

false 디폴트이며, 개체에 초점이 주어진 것이 나타나지 않는다.
true 개체에 초점이 주어진 것이 나타난다.

이 속성은 읽기/쓰기로 디폴트값은 false이다.

특기

개체의 테두리 내에 초점이 오면 엘레멘트 개체의 사각형 테두리에 점선으로 초점이 주어진 것을 육안으로 인식할 수 있다.

hideFocus 속성은 개체가 초점을 받는 것(focus)을 제어하지는 않는다. 초점 받는 것을 제어하기 위해서는 tabIndex 속성의 샤용한다.

적용
개체scriptHTML규격IE

BODY, DIV hideFocus 속성 예제

<BODY id=bodyObj>
<DIV id=divObj></DIV>

<SCRIPT>
document.write('bodyObj.hideFocus='+bodyObj.hideFocus+'<BR>divObj.hideFocus='+divObj.hideFocus)
</SCRIPT>

BUTTON, IMG 엘레멘트의 hideFocus 속성 예제


hideFocus='false'인 IMG hideFocus='true'인 IMG

클릭하며 점선으로 약하게 생긴 사각형 외각 테두리를 확인하라.

<BUTTON id=but1 onclick="showit()">hideFocus='false'인 단추</BUTTON>
<BUTTON id=but2 onclick="showit()">hideFocus='true'인 단추</BUTTON><BR>
<IMG id=img1 onclick="showit()" src="../../gif/rfproperty.gif"> hideFocus='false'인 IMG
<IMG id=img2 onclick="showit()" src="../..//gif/rfproperty.gif"> hideFocus='true'인 IMG<BR>
<DIV id=showArea></DIV>
<SCRIPT>
function showit(){
  but1.hideFocus=false;
  img1.hideFocus=false;
  but2.hideFocus=true;
  img2.hideFocus=true;
  str=''
  str+='but1.hideFocus='+but1.hideFocus+'<SPAN style=width:5.2em></SPAN>';
  str+='but2.hideFocus='+but2.hideFocus+'<BR>';
  str+='img1.hideFocus='+img1.hideFocus+'<SPAN style=width:5.2em></SPAN>';
  str+='img2.hideFocus='+img2.hideFocus+'<BR>';
  showArea.innerHTML=str;
}
</SCRIPT>