blur 메서드

blur 메서드는 요소의 포커스를 해제합니다.

구문

javascriptelement.blur();

예제

한 버튼을 클릭하면 입력 필드에 포커스를 설정하고, 다른 버튼을 클릭하면 포커스를 해제해 봅시다:

html<input value="text" id="input">
<input type="button" value="focus" id="focus">
<input type="button" value="blur"  id="blur">

javascriptlet input = document.querySelector('#input');
let focus = document.querySelector('#focus');
let blur  = document.querySelector('#blur');

// 포커스 버튼 클릭 시 입력 필드에 포커스 설정:
focus.addEventListener('click', function() {
  input.focus();
});

// 블러 버튼 클릭 시 입력 필드의 포커스 해제:
blur.addEventListener('click', function() {
  input.blur();
});

Результат:

참조