Javascript 将按键绑定到内容可编辑标签

我想将

按键

事件绑定到

内容可编辑

。这在Firefox中正常工作，但在Chrome中，键入

不会触发my bound函数。请注意，这适用于Chrome和Firefox中的

，相关代码如下：

<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>

LABEL：这是标签中的一些内容
DIV：这是DIV中的一些内容
按键
$（函数（）{
var eventDetails=函数（事件）{
$（'#message'）.html（event.type+'事件激发-'+事件.target.tagName）；
};
$（'label，#div'）.bind（'keypress'，eventDetails）；
$（'label，#div'）.bind（'click'，eventDetails）；
});

我认为这是一个Chrome bug，并且已经存在

---

这个问题的答案是开放的，可以提供可行的替代方案。

我认为这是一个Chrome bug，并且已经存在

这个问题的答案是开放的，提供可行的替代方案