blur 메서드
blur 메서드는 요소의 포커스를 해제합니다.
구문
element.blur();
예제
한 버튼을 클릭하면 입력 필드에 포커스를 설정하고, 다른 버튼을 클릭하면 포커스를 해제해 봅시다:
<input value="text" id="input">
<input type="button" value="focus" id="focus">
<input type="button" value="blur" id="blur">
let 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();
});
:
참조
-
메서드
focus,
요소에 포커스를 설정하는 데 사용
