Evento jQuery blur desencadenado dos veces en Chrome

Question

Creé un formulario simple 'infinito' con campos de entrada. Cada vez que se enfoca una entrada vacía, crea una nueva, y en el desenfoque de un campo de entrada vacío, el campo se elimina.

Ver example here

utilizo el siguiente código para hacer que todo suceda:

var $input = $('<div/>').html($('<input/>').addClass('value')); 
$('form').append($input.clone()); 

$('form').on('focus', 'input.value', function(e) { 

    // Add new input if the focused one is empty 
    if(!$.trim(this.value).length) { 
     $('form').append($input.clone()); 
    } 


}).on('blur', 'input.value', function(e) { 
    var $this = $(this); 

    if(!$.trim(this.value).length) { 
     console.log('REMOVING INPUT'); 
     $this.parent().remove(); 
    } else { 
     $this.attr('name', 'item-'+$this.val()); 
    } 

}); 

El problema es, sin embargo, que en Chrome caso blur se dispara dos veces al cambiar a otra aplicación (⌘tab). Esto da un error, ya que no es posible eliminar el nodo, puesto que ya se ha ido:

Uncaught Error: NOT_FOUND_ERR: DOM Exception 8 

Firefox parece funcionar bien.

Entonces, ¿por qué se dispara el evento blur dos veces y cómo puedo evitar que esto suceda?

EDIT - Intenté la respuesta en this question, pero no tuve suerte. Todavía aparece el mensaje de error en Chrome, ¿qué estoy haciendo mal?

See updated fiddle

¿Hay una manera de comprobar si todavía existe el elemento? Porque la segunda vez que blur dispara, el nodo se elimina. $(this).length todavía no es cero.

Answer 1

favor, compruebe si este violín es tener el comportamiento a medida que lo necesite, http://jsfiddle.net/EPxkh/8/

http://www.quirksmode.org/js/introevents.html

http://www.quirksmode.org/js/events_order.html

http://www.quirksmode.org/blog/archives/2008/04/delegating_the.html

Answer 2

Esto parece un error en el parpadeo, hay una informe de error sobre eso en la página del proyecto Chromium: http://code.google.com/p/chromium/issues/detail?id=253253