[Window] JS - blur() 메서드 - 포커스 해제/제거 (= blur메서드 = 블러메서드)

1. blur() 예제 - 현재창에서 포커스 제거
2. blur() 정의
3. blur() 구문
4. focus() 예제 - 새창 포커스 지정

blur() 예제 - 현재창에서 포커스 제거 

 

<button onclick="homzzang()">클릭</button>

<script>

function homzzang() {

  var hz = window.open("", "", "width=200, height=100");

  hz.document.write("<p>홈짱닷컴 Homzzang.com</p>");

  hz.blur();

}

</script>

 

결과보기

blur() 정의

 

현재 창에서 포커스 제거.

 

---

 

1. cf.

focus() 메서드 - 현재 창에 포커스 설정.

 

2. 주의.

이 메서드는 현재 창을 배경으로 가져오도록 요청함. 그 결과,

사용자 설정 달라서 모든 브라우저에서 예상대로 작동 안 할 수도 있음.

 

3.

모든 브라우저 지원.

 

4. MDN focus() 예제 보기
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus

blur() 구문

 

window.blur()

 

---

[매개변수]

 

없음.

---

[반환값]

 

없음.

 

focus() 예제 - 새창 포커스 지정

 

<button onclick="homzzang()">클릭</button>

<script>

function homzzang() {

  var hz = window.open("", "", "width=200,height=100");

  hz.document.write("<p>홈짱닷컴 Homzzang.com</p>");

  hz.focus();

}

</script>

 

결과보기

PS. 새창에 focus 주면, 새 창을 앞으로 보냄.