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

Question

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

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

如果我将jQuery on（'keypress'）事件附加到该部分或p元素，则它将不起作用。 “点击”事件运行良好。

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

为了获得按键事件，该元素必须启用contenteditable吗？

Answer 1

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

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

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