Размытие событие DIV не беспокоить вход нажмите событие

Question

Я сделал эффект размытия для DIV (используя TabIndex = 1), но позже я добавил вход внутри DIV:

<div id="d1" tabindex='2'> 
    <input id="i1" type='text' tabindex='1'/> 
</div> 

Я добавил обработчик щелчка для ввода и нажмите + размытие обработчики для DIV:

$('#i1').click(function(e){ 
    alert($(e.target).is('#i1, input')); 
}); 

$('#d1').click(function(){ 
    alert('div clicked'); 
}); 

$('#d1').blur(function(e){ 
    alert($(e.target).is('#i1, input')); 

}); 

Но как вы можете попробовать, когда я нажимаю на DIV, а затем нажмите на входе только DIV событий произошло.

Нажмите событие, а затем эффект размытия.

Похоже, что он не видит ввода, когда эффект размытия контейнера div происходит.

Не могли бы вы посоветовать, как исправить это.

JSfiddle код здесь: http://jsfiddle.net/z1987/gpkro53o/

Answer 1

это видеть вход, но бдительная функциональность странно. проверьте консоль этого демо: http://jsfiddle.net/gpkro53o/1/

также, вы хотите добавить e.stopPropagation() к введенному click событие, так что это обыкновение запускают div события

журнал консоли, когда вы нажмете на DIV, а затем ввод это:

div clicked 
div blurred 
input