将按键绑定到 contenteditable 标签答案

【问题标题】：Binding keypress to contenteditable label将按键绑定到 contenteditable 标签
【发布时间】：2013-03-17 20:59:25
【问题描述】：

我想将keypress 事件绑定到contenteditable <label>。这在 Firefox 中按预期工作，但在 Chrome 中，我的绑定函数不是通过键入 <label> 来触发的。请注意，这适用于 Chrome 和 Firefox 中的 <div>。

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>

【问题讨论】：

标签： javascript jquery events dom

【解决方案1】：

我相信这是一个 Chrome 错误，并且有 reported it。

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

【讨论】：