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/