Phương thức focus

Phương thức focus thiết lập tiêu điểm trên một phần tử (thường là trên input). Điều này có nghĩa là, con trỏ sẽ bắt đầu nhấp nháy trong input đó và văn bản nhập từ bàn phím sẽ đi vào chính input này.

Cú pháp

javascriptphần_tử.focus();

Ví dụ

Hãy thiết lập tiêu điểm trên input khi nhấp vào một nút và loại bỏ nó khi nhấp vào nút khác:

html<input value="văn bản" 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, thiết lập tiêu điểm cho input:
focus.addEventListener('click', function() {
  input.focus();
});

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

Результат:

Xem thêm