evento onfocusout
Ejemplos
Ejecutar JavaScript cuando la entrada próximas cuadro de entrada pierde el foco:
Trate »
La sección inferior contiene más instancias.
Definición y Uso
onfocusout próximo evento se activa cuando el elemento pierde el foco.
Consejo: onfocusout eventos similares al onBlur evento. La diferencia principal es que el evento onblur no es compatible con burbujeo. Por lo tanto, si usted necesita para ver si el elemento o sub-elemento recibe el foco, es necesario utilizar onfocusout evento.
Consejo: A pesar de que Firefox no soporta onfocusout eventos, pero se puede utilizar la onfocus (utilizando el método addEventListener () es un parámetro opcional) useCapture eventos del monitor de captura para ver si el elemento o sub-elemento deja de estar seleccionado.
Consejo: En lugar de eventos onfocusout evento es onfocusin evento.
Soporte para el navegador
| evento | |||||
|---|---|---|---|---|---|
| onfocusout | sí | sí | No es compatible | sí | sí |
Nota: Utilice la sintaxis DOM HTML en los navegadores Chrome, Safari y Opera 15+ onfocusin eventos pueden no funcionar correctamente. Sin embargo, como un elemento HTML utilizando el método addEventListener () puede funcionar.
gramática
En HTML:
JavaScript (Chrome, Safari y Opera 15+ pueden no funcionar correctamente) en:
JavaScript, utilice el método addEventListener ():
Nota: Internet Explorer 8 y versiones anteriores de IE no son compatibles con addEventListener () método.
detalles técnicos
| Ya sea para apoyar la burbuja: | sí |
|---|---|
| Puede ser cancelada: | no |
| Tipo de evento: | FocusEvent |
| etiquetas HTML compatibles: | Todos los elementos HTML, excepto: <base>, <BDO>, España, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> y <title> |
más ejemplos
Ejemplos
Use "onfocusin" y "onfocusout" evento:
Trate »
Ejemplos
delegados de eventos: Conjunto addEventListener () El parámetro useCapture es cierto (para enfoque y obtener un enfoque perdido):
<Input type = "text" id = "myInput">
</ Form>
<Script>
var x = document.getElementById ( "myForm");
x.addEventListener ( "enfoque", myFocusFunction, true);
x.addEventListener ( "desenfoque", myBlurFunction, true);
myFocusFunction función () {
. Document.getElementById ( "myInput") style.backgroundColor = "amarilla";
}
myBlurFunction función () {
document.getElementById ( "myInput") style.backgroundColor = ".";
}
</ Script>
Trate »
Ejemplos
delegados de eventos: Uso caso focusOut (navegador Firefox no soporta):
<Input type = "text" id = "myInput">
</ Form>
<Script>
var x = document.getElementById ( "myForm");
x.addEventListener ( "focusin", myFocusFunction);
x.addEventListener ( "focusOut", myBlurFunction);
myFocusFunction función () {
. Document.getElementById ( "myInput") style.backgroundColor = "amarilla";
}
myBlurFunction función () {
document.getElementById ( "myInput") style.backgroundColor = ".";
}
</ Script>
Trate »