• Q&A
  • 회원가입
  • 로그인

[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 주면, 새 창을 앞으로 보냄.


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012