evento onfocusin
Ejemplos
JavaScript se ejecuta cuando el campo de entrada (entrada) está a punto de obtener el foco:
Trate »
La parte inferior de esta sección hay muchos más ejemplos.
Definición y Uso
onfocusin evento se activa cuando un elemento es una cuestión de enfoque.
Consejo: onfocusin eventos similares al onfocus evento. La diferencia principal es que no es compatible con burbujeo de eventos onfocus. Por lo tanto, si usted quiere saber si consiguen enfoque requiere el elemento o de los elementos secundarios onfocusin evento.
Consejo: Aunque navegador Firefox no soporta onfocusin 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 subelemento obtiene foco.
Consejo: En lugar de eventos onfocusin evento es onfocusout evento.
Soporte para el navegador
| evento | |||||
|---|---|---|---|---|---|
| onfocusin | 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
Utilizado conjuntamente con "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 focusin (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 »