В JavaScript существует несколько методов, связанных с событием «onfocus». Эти методы используются для обработки действий, когда элемент получает фокус, обычно посредством взаимодействия с пользователем. Вот некоторые часто используемые методы:

1. onfocus: это атрибут обработчика событий, который можно добавить к элементу HTML, чтобы указать код JavaScript, который должен выполняться, когда элемент получает фокус.

Пример:

<input type="text" onfocus="myFunction()">

2. addEventListener: этот метод позволяет прикрепить функцию обработчика событий к элементу. Вы можете использовать его для прослушивания события «фокуса» и выполнения соответствующего действия.

Пример:

element.addEventListener('focus', myFunction);

3. focus: этот метод используется для программного выделения фокуса элементу. При вызове элемента он запускает событие «фокус» и все связанные с ним обработчики событий.

Пример:

element.focus();

4. onfocusinи onfocusout: эти атрибуты обработчика событий аналогичны onfocus, но они также срабатывают, когда потомок или предок элемента получает или теряет фокус. Они могут быть полезны, если вам нужно обнаружить изменения фокуса внутри определенного контейнера.

Пример:

<div onfocusin="myFunction()">...</div>

5. linkedTarget: это свойство доступно в объекте события при обработке события «фокус». Это относится к элементу, который теряет фокус (при использовании в событии «focusin») или получает фокус (при использовании в событии «focusout»).

Пример:

function myFunction(event) {
  const previousElement = event.relatedTarget;
  // Do something with the previous element...
}