javascript - jQuery / Contenteditable - keypress 上的新段落适用于原始但未生成的内容

Question

我有一些内容可编辑的段落，并编写了一些 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
});