javascript - jQuery / Contenteditable - キープレスの新しい段落は、元のコンテンツでは機能しますが、生成されたコンテンツでは機能しません

Question

contenteditable 段落がいくつかあり、Enter キーが押されたときに新しい段落を生成する jquery を作成しました。

$('p[contenteditable="true"]').keypress(function(e) {
    if(e.which == 13) {
        e.preventDefault();
        $(this).after('<p contenteditable = "true">New Paragraph</p>');
        $(this).next('p').focus();
    }
});

これは、ページの読み込み時に存在したすべての段落に対して完全に機能します。ただし、新しく生成された段落ではまったく機能しません。生成された段落と元の段落でこれを機能させるにはどうすればよいですか?

http://jsfiddle.net/UU4Cg/1/

Answer 1

動的コンテンツ用.on

$(document).on('keypress', 'p[contenteditable="true"]', function(e) {
    //code here
});