русский  עברית
tadam logo
Нашли ошибку в тексте?
Отметьте её курсором и нажмите
Ctrl + Enter
Проверка орфографии Xhtml.co.il
Orphus system
Рассылка
Присоединитесь к списку рассылки для получения последних новостей

Введите адрес электронной почты:

focusin()

Возвращает: jQuery

Описание: Привязывает обработчик события к событию "focusin" JavaScript.

.focusin( handler(объектСобытия) )

Добавлена в версию: 1.4
handler(объектСобытия)
Функция выполняется каждый раз, когда вызывается событие.

.focusin( [ данныеСобытия ], обработчик(объектСобытия)

Добавлена в версию: 1.4.3
данныеСобытия
Карта данных, которая будет передана в обработчик событий.
обработчик(объектСобытия)
Функция для выполнения каждый раз, когда событие вызвано.

Этот метод является сокращением для .bind('focusin', handler).

Cобытие focusin передает элемент, когда он, или какой-либо элемент внутри него, получает фокус. Оно отличается от события focus в том, что оно поддерживает обнаружение события фокус на родительские элементы.

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

Пример

Следит за фокусом на странице.
    $("p").focusin(function() {
         $(this).find("span").css('display','inline').fadeOut(1000);
    });
Результат выполнения кода выше:

Пример - Полный код

Следит за фокусом на странице.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
  <style>span {display:none;}</style>

<script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script type="text/javascript" language="javascript">

  $(document).ready(function(){
    $("p").focusin(function() {
         $(this).find("span").css('display','inline').fadeOut(1000);
    });
  });
  </script>

</head>

<body>
	<p><input type="text" /> <span>focusin fire</span></p>

<p><input type="password" /> <span>focusin fire</span></p>

</body>
</html>
Была ли эта информация полезной?
   

Комментарии