Вызов JavaScript от Manlikeakin, день : DOM: Focus Events.

Jan 04 2023
В заключение! Это день . Введение в события фокуса JavaScript.

Наконец ! Это день .

Введение в события фокуса JavaScript.

События фокуса срабатывают, когда элемент получает или теряет фокус. Это два основных события:

focus срабатывает , когда элемент получает фокус .

размытие  срабатывает, когда элемент теряет фокус.

Фокусировка  и  фокусировка  срабатывают одновременно с  фокусировкой  и  размытием , однако они пузырятся  , а  фокусировка  и  размытие  — нет.

Фокусируются следующие элементы :

. Окно получает фокус, когда вы перемещаете его вперед с помощью  Alt+Tab  или щелкаете по нему, и теряет фокус , когда вы отправляете его обратно .

. Ссылки при использовании мыши или клавиатуры .

. Поля формы, такие как ввод текста, когда вы используете клавиатуру или мышь.

Элементы с  tabindex , даже когда вы используете клавиатуру или мышь.

Примеры фокусных событий JavaScript

В следующем примере показано, как обрабатывать   события фокуса  и  размытия . Когда вы перемещаете фокус на поле пароля, фон меняется на желтый. Если вы переместите мышь в поле имени пользователя, фон изменится на белый.

Резюме

Используйте  событие focus  для обработки состояния элемента, когда он имеет фокус или теряет его.

JavaScript довольно широк и разнообразен, а это означает, что я не могу коснуться каждого его аспекта. Вы тоже можете продолжить с того места, где я остановился, и давайте сохраним веселье.

Большое спасибо за путешествие до сих пор, мотивации, рекомендации и т. Д. Все это помогло мне достичь конца этого испытания, не пропустив ни одного дня. Спасибо большое.

Увидимся! А пока продолжайте учиться и счастливого кодирования !

С уважением,

Фабийи Акинтунде Самуэль.

# мужской_Акин