javascript - 将按键绑定到 contenteditable 标签

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 错误，并已报告。

问题对提供可行替代方案的答案开放。