HTML DOM hasFocus() 메서드는 문서 또는 문서 내부의 요소에 포커스가 있는지 확인하는 데 사용됩니다. true는 문서/요소에 포커스가 있고 false는 그렇지 않은 경우를 나타내는 부울 값을 반환하여 수행합니다.
구문
다음은 hasFocus() 메서드의 구문입니다 -
문서.hasFocus()
예시
hasFocus() 메서드의 예를 살펴보겠습니다.
hasFocus() 메서드
고통 자체는 매우 재미있지만 이를 수행하는 좋은 방법입니다. 최소한의 용서를 위해, 목표를 달성하는 것 외에는 어떤 작업도 할 수 없습니다.
출력
이것은 다음과 같은 출력을 생성합니다 -
문서의 아무 곳이나 클릭하면 NOT FOCUSED가 FOCUSED −
로 변경됩니다.
위의 예에서 -
getElementById() 메서드를 사용하여 버튼 요소를 가져오는 checkFocus() 함수를 만들었습니다. 그런 다음 hasFocus() 메서드를 호출하여 문서에 포커스가 있는지 확인하고 그에 따라 조건문을 실행합니다. document.hasFocus()가 true 또는 false를 반환하면 버튼에 다른 텍스트를 표시합니다. -
function checkFocus() { var b =document.getElementById("BTN1"); if (document.hasFocus()) { b.innerHTML ="FOCUSED"; } else { b.innerHTML ="초점되지 않음"; }}문서를 클릭하면 항상 포커스가 맞춰지기 때문에 20밀리초마다 checkFocus() 메서드를 실행하여 문서에 현재 포커스가 있는지 확인하는 setInterval() 메서드를 사용합니다. -
setInterval("checkFocus()", 20);