onfocusin событие
примеров
JavaScript выполняется, когда поле ввода (вход) собирается получить фокус:
Попробуйте »
В нижней части этой секции есть много других примеров.
Определение и использование
onfocusin событие срабатывает, когда элемент о фокусе.
Совет: onfocusin событий , подобных OnFocus событию. Основное отличие заключается в том, что не поддерживает OnFocus восходящей цепочки события. Так что, если вы хотите знать, является ли элемент или его дочерние элементы получают фокус требуется onfocusin событие.
Совет: Хотя Firefox браузер не поддерживает onfocusin событий, но вы можете использовать в OnFocus ( с помощью метода addEventListener () является необязательным параметром useCapture) захвата монитора событий , чтобы увидеть , получит ли элемент или подэлемент фокус.
Совет: Вместо того, чтобы событие onfocusin события onfocusout событие.
Поддержка браузеров
| событие | |||||
|---|---|---|---|---|---|
| onfocusin | да | да | Не поддерживает | да | да |
Примечание: Используйте синтаксис HTML DOM в Chrome, Safari и Opera 15+ браузеры onfocusin события не могут работать неправильно. Тем не менее, он, как HTML-элемент с помощью метода addEventListener () может работать.
грамматика
В HTML:
JavaScript (Chrome, Safari и Opera 15+ может не работать должным образом) в:
JavaScript используется метод addEventListener ():
Примечание: Internet Explorer 8 и более ранние версии IE не поддерживают addEventListener () метод.
технические детали
| Независимо от того, чтобы поддержать пузырь: | да |
|---|---|
| Это может быть отменено: | Нет |
| Тип события: | FocusEvent |
| Поддерживаемые HTML-теги: | Все HTML-элементы, за исключением: <базы>, <БДО>, <br>, <HEAD>, <HTML>, <IFRAME>, <META>, <PARAM>, <скрипт>, <стиль> и <title> |
Другие примеры
примеров
Используется в сочетании с "onfocusin" и "onfocusout" событие:
Попробуйте »
примеров
Делегаты мероприятия: Set addEventListener () Параметр useCapture верно (для фокусировки и получить потерял фокус):
<Тип входного = "Текст" ID = "myInput">
</ Форма>
<Script>
переменная х = document.getElementById ( "MyForm");
x.addEventListener ( «фокус», myFocusFunction, правда);
x.addEventListener ( "размытость", myBlurFunction, правда);
Функция myFocusFunction () {
. Document.getElementById ( "myInput") style.backgroundColor = "желтый";
}
Функция myBlurFunction () {
document.getElementById ( "myInput") style.backgroundColor = ".";
}
</ Script>
Попробуйте »
примеров
Делегаты мероприятия: Используйте focusin событие (Firefox браузер не поддерживает):
<Тип входного = "Текст" ID = "myInput">
</ Форма>
<Script>
переменная х = document.getElementById ( "MyForm");
x.addEventListener ( "focusin", myFocusFunction);
x.addEventListener ( "focusout", myBlurFunction);
Функция myFocusFunction () {
. Document.getElementById ( "myInput") style.backgroundColor = "желтый";
}
Функция myBlurFunction () {
document.getElementById ( "myInput") style.backgroundColor = ".";
}
</ Script>
Попробуйте »