onfocusout событие
примеров
Выполнить JavaScript, когда вход предстоящих поле ввода теряет фокус:
Попробуйте »
В нижней части содержит больше экземпляров.
Определение и использование
onfocusout предстоящее событие срабатывает, когда элемент теряет фокус.
Совет: onfocusout событий , подобных ONBLUR событию. Основное отличие состоит в том, что событие ONBLUR не поддерживает бульканье. Так что, если вам нужно увидеть, получит ли элемент или подэлемент фокус, вам нужно использовать onfocusout событие.
Совет: Хотя Firefox не поддерживает onfocusout событий, но вы можете использовать в OnFocus ( с помощью метода addEventListener () является необязательным параметром useCapture) захвата монитора событий , чтобы увидеть теряет ли элемент или подэлемент фокус.
Совет: Вместо того, чтобы событие onfocusout события onfocusin событие.
Поддержка браузеров
| событие | |||||
|---|---|---|---|---|---|
| onfocusout | да | да | Не поддерживает | да | да |
Примечание: Используйте синтаксис 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>
Попробуйте »
примеров
Делегаты мероприятия: Используйте focusout событие (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>
Попробуйте »