Spec-Zone.ru › jQuery

событие focusin

Свяжите обработчик событий с событием «focusin» или вызовите это событие для элемента.

Содержание:

  • .on( "focusin" [, eventData ], handler )
    • .on( "focusin" [, eventData ], handler )
  • .trigger( "focusin" )
    • .trigger( "focusin" )

.on( "focusin" [, eventData ], handler )Возвращает: jQuery

Описание: Связывает обработчик событий со событием «focusin».

  • версия добавлена: 1.7.on( "focusin" [, eventData ], handler )

    • "focusin"
      Тип: строка
      Строка "focusin".
    • eventData
      Тип: Любое
      Объект, содержащий данные, которые будут переданы обработчику событий.
    • handler
      Тип: Функция( Событие eventObject )
      Функция, которая выполняется каждый раз, когда событие срабатывает.

На этой странице описывается событие focusin. Для устаревшего метода .focusin(), см. .focusin().

Событие focusin отправляется элементу, когда он или любой элемент внутри него получает фокус. Это отличается от события focus тем, что оно поддерживает обнаружение события фокусировки на родительских элементах (другими словами, оно поддерживает всплытие события).

Это событие, скорее всего, будет использоваться вместе с событием focusout.

Пример:

Наблюдайте за возникновением фокуса внутри абзацев на странице.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>on demo</title>
  <style>
  span {
    display: none;
  }
  </style>
  <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
</head>
<body>
 
<p><input type="text"> <span>focusin fire</span></p>
<p><input type="password"> <span>focusin fire</span></p>
 
<script>
$( "p" ).on( "focusin", function() {
  $( this ).find( "span" ).css( "display", "inline" ).fadeOut( 1000 );
} );
</script>
 
</body>
</html>

Демо:

.trigger( "focusin" )Возвращает: jQuery

Описание: Вызвать событие "focusin" для элемента.

  • версия добавлена: 1.0.trigger( "focusin" )

    • "focusin"
      Тип: строка
      Строка "focusin".

См. описание для .on( "focusin", ... ).

© The jQuery Foundation and other contributors
Licensed under the MIT License.
https://api.jquery.com/focusin

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API