Phương thức blur

Phương thức blur loại bỏ tiêu điểm khỏi phần tử.

Cú pháp

javascriptelement.blur();

Ví dụ

Hãy nhấp vào một nút để đặt tiêu điểm vào ô nhập liệu, và nhấp vào nút khác - để loại bỏ nó:

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');

// Khi nhấp vào nút focus, đặt tiêu điểm cho ô nhập liệu:
focus.addEventListener('click', function() {
  input.focus();
});

// Khi nhấp vào nút blur, loại bỏ tiêu điểm khỏi ô nhập liệu:
blur.addEventListener('click', function() {
  input.blur();
});

Результат:

Xem thêm