jQuery keypress事件不适用于contenteditable部分内的元素

Question

我有section元素，它是contenteditable = true，它包含其他元素，如用户创建的图像和段落。

<section contenteditable=true>
<p>Hello there</p>
</section>

如果我将jQuery on（'keypress'）事件附加到该部分或p元素，则它不起作用。 “点击”活动工作正常。

这是jsFiddle：http://jsfiddle.net/j9mHF/

是否为了获取keypress事件，元素必须是contenteditable enabled？

Answer 1

您需要将事件附加到section元素，如下所示：

$('section').on('keypress', function(e) {
   alert('typed'); 
});

http://jsfiddle.net/Dieterg/j9mHF/1/