Как определить, когда дочерний элемент контентного DIV редактируется с клавиатуры?

Учитывая этот HTML-код:

    ....
     child-element 
    ....

Когда пользователь нажимает на элемент SPAN (чтобы поместить в него курсор ), а затем нажимает символьную клавишу на клавиатуре (для редактирования текстового содержимого элемента SPAN), клавишу вниз , нажатие клавиши и клавишу ] будет запущено.

Однако свойство target этих соответствующих объектов событий является не элементом SPAN, а самим элементом DIV.

Живая демонстрация: (Также на jsFiddle )

 $ ('div'). Keydown (function (e) {alert (e.target.nodeName);}); 

 div {border: 2px  сплошной красный; отступ: 10 пикселей; маржа: 10 пикселей;} span {background-color: yellow;} 

 
 ДО  SPAN  ПОСЛЕ 
 
 Щелкните желтый SPAN  элемент (чтобы поместить в него курсор), а затем нажмите клавишу символа (чтобы изменить текстовое содержимое элемента SPAN  ).  Окно предупреждения показывает, что целью события является элемент DIV, а не элемент SPAN ... 
 

Как я могу определить, произошло ли ключевое событие внутри элемента SPAN?