Diferencia entre enfoque/enfoque y enfoque/desenfoque, con el ejemplo

Question

¿Alguien me puede decir la diferencia entre blur y focusout, focus y focusin con un ejemplo simple?

Answer 1

La burbuja de eventos focusin y focusout, focus y blur eventos no lo hace. Esto significa que puede usar focusin y focusout en el elemento principal de un campo de formulario.

Demostración: http://jsfiddle.net/pAp4E/

HTML:

<div class="parent"> 
    <input type="text" /> 
</div> 

<div class="log"></div> 

Javascript:

$('.parent') 
    .focusin(function(){log('div focusin');}) 
    .focusout(function(){log('div focusout');}) 
    .focus(function(){log('div focus');}) 
    .blur(function(){log('div blur');}); 
$('input') 
    .focusin(function(){log('input focusin');}) 
    .focusout(function(){log('input focusout');}) 
    .focus(function(){log('input focus');}) 
    .blur(function(){log('input blur');}); 

function log(str){ 
    $('.log').append($('<div/>').text(str)); 
} 

Cuando se ejecuta, se ve que sólo la entrada se lleva todos los eventos, los padres solamente tiene la focusin y focusout eventos.

Answer 2

Los eventos de enfoque y borrosidad hacen un seguimiento de los elementos en los que el usuario se enfoca.

1. enfoque

   Se activa cuando un elemento enfocable gana el enfoque

2. desenfoque

   Se activa cuando un elemento enfocable pierde el foco

3. focusin y focusOut

   Fuego en el s ame el tiempo como foco y desenfoque, pero burbujea.

por ejemplo check this