jQuery / Contenteditable -新的段落按键工作在原始的,但不是生成的内容

jQuery / Contenteditable - new paragraph on keypress works on original but not generated content

本文关键字:原始 Contenteditable 段落按 工作 jQuery      更新时间:2023-09-26

我有一些可满足内容的段落,并编写了一些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/

对于动态内容使用.on

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