Binding keypress to contenteditable label

Question

Я хочу связать событие keypress с contenteditable<label>. Это работает, как ожидалось, в Firefox, но в Chrome моя связанная функция не запускается путем ввода в <label>. Обратите внимание, что это работает для <div> как в Chrome, так и в Firefox.

Pretty JS Fiddle, raw JS JS Fiddle, соответствующий код ниже:

<label contenteditable>LABEL: This is some content in a label</label> 
<div contenteditable id="div">DIV: This is some content in a div</div> 

<div id="message">press key</div> 

<script> 
    $(function() { 
     var eventDetails = function(event) { 
      $('#message').html(event.type + ' event fired - ' + event.target.tagName); 
     }; 
     $('label, #div').bind('keypress', eventDetails); 
     $('label, #div').bind('click', eventDetails); 
    }); 
</script> 

Answer 1

Я считаю, что это ошибка Chrome, и имеют reported it.

Вопрос открыт для ответов, обеспечивающих приемлемые альтернативы.