Методи focus и blur в JavaScript

Вече знаете какво е фокус на въвеждане. Вие също знаете как да зададете или загубите фокуса: за задаване трябва да кликнете в полето за въвеждане, а за загуба - на някое друго място.

В JavaScript обаче съществуват специални методи, които позволяват принудително задаване на фокус в input или премахването му от там. Това са методите focus и blur.

Нека разгледаме тяхната работа с пример. Нека имаме следния input и бутон:

html<input id="elem" value="text">
<input type="submit" id="button">

Нека при натискане на бутона зададем фокус на въвеждане в нашия input:

javascriptlet elem   = document.querySelector('#elem');
let button = document.querySelector('#button');

button.addEventListener('click', function() {
  elem.focus();
});