Gol: Adjunte un controlador de eventos keydown a un intervalo contenteditable que es el hijo de un div contenteditable.

Problema: Si escribe en el intervalo, se desencadena el evento principal, no los secundarios. Lo que quiero es que el niño se dispare para poder agarrar el texto. Solo quiero ESE niño contento ya que habrá muchos.

HTML / JS está debajo y el enlace de violín está aquí:http://jsfiddle.net/aBYpt/4/

HTML

<div class="parent" contenteditable="true">
    Parent div text.

    <span class="child" contenteditable="true">First child span text.</span>
    <span class="child" contenteditable="true">Second child span text.</span>
    <span class="child" contenteditable="true">Third child span text.</span>
</div>

<div id="console"></div>

JavaScript / jQuery

$(document).on( 'keyup', '.parent', function() {
    $('#console').html( 'Parent keyup event fired.' );
    //do stuff
});

$(document).on( 'keyup', '.child', function() {
    $('#console').html( 'Child keyup event fired.' );
    //do stuff
});

** Nota: El manejo de eventos se delega al documento porque los elementos se agregan dinámicamente.