고정 헤더 영역
상세 컨텐츠
본문
728x90
반응형
Document.hasFocus() 메소드는 문서 또는 문서 내의 요소(element) 중 어느 하나라도 포커스(focus)를 갖고 있으면 true, 그렇지 않으면 false인 Boolean 값을 반환한다. 이 메소드를 사용하여 문서내 활성화된(active) 요소가 포커스를 갖고 있는지 판단할 수 있다.
문법
focused = document.hasFocus();반환값
문서 내의 활성화된 요소가 포커스를 갖고 있지 않으면 false를 반환, 포커스를 갖고 있다면 true를 반환
예시
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>TEST</title>
<style>
#message { font-weight: bold; }
</style>
<script>
setInterval( CheckPageFocus, 200 );
function CheckPageFocus() {
var info = document.getElementById("message");
if ( document.hasFocus() ) {
info.innerHTML = "The document has the focus.";
} else {
info.innerHTML = "The document doesn't have the focus.";
}
}
function OpenWindow() {
window.open (
"http://developer.mozilla.org/",
"mozdev",
width=640,
height=300,
left=150,
top=260
);
}
</script>
</head>
<body>
<h1>JavaScript hasFocus example</h1>
<div id="message">Waiting for user action</div>
<div><button onclick="OpenWindow()">Open a new window</button></div>
</body>
</html>명세
| Specification | Status | Comment |
|---|---|---|
| WHATWG HTML Living Standard The definition of 'Document.hasFocus()' in that specification. | Living Standard | Initial definition |
브라우저 호환성
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 30 | 3.0 (1.9) | 6.0 | Not supported | (Yes) |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | ? | 1.0 (1.9) | ? | Not supported | ? |
관련 참고
728x90
반응형
'컴퓨터 언어 > Script' 카테고리의 다른 글
| Action Script 2.0 기초 (0) | 2021.02.18 |
|---|---|
| Flash Builder - Air Launchpad (0) | 2018.09.09 |
| HTML5 소개 (0) | 2018.09.04 |
| JavaScript - 현재 페이지의 URL 가져오기 (0) | 2018.09.04 |
| REN 명령어 - 파일 이름 변경 (0) | 2017.12.10 |
댓글 영역