Javascript jQuery on"；输入key"；创建content editabledom元素并选择它 $（文档）.ready（函数（）{ $（“p[contenteditable]”。在（“按键”上，函数（e）{ var代码=e.keyCode； 如果（代码==13）{//输入键 $（this）.after（“hi”）； $（'p.new'）.css（“颜色”，“红色”）.focus（）； e、 预防默认值（）； } }); });

看这把小提琴：

我正试图创建一个新的

，按下enter键并将焦点更改为它，但焦点似乎没有触发。如果我将焦点设置为新段落以外的元素（请参见），则它会起作用，但如果我在新创建的段落上调用焦点，则不会起作用

---

有什么想法吗？

当我使用你的代码，但在创建新段落的括号中，它是有效的

$(document).ready(function(){
    $( "p[contenteditable]" ).on( "keypress", function(e) {
        var code = e.keyCode;
        if(code == 13) { //Enter key
            $(this).after('<p class="new" [contenteditable]>hi</p>');
            $('p.new').css("color","red").focus();
            e.preventDefault();
        }
    });
});

$（文档）.ready（函数（）{
$（“p[contenteditable]”。在（“按键”上，函数（e）{
var代码=e.keyCode；
如果（代码==13）{//输入键
$（this）.after（“
hi
”）；
$（'p.new'）.css（“颜色”，“红色”）.focus（）；
e、 预防默认值（）；
}
});
});

你想让它工作多次，还是只在第一次工作？现在我觉得自己很笨。非常感谢。

$(document).ready(function(){
    $( "p[contenteditable]" ).on( "keypress", function(e) {
        var code = e.keyCode;
        if(code == 13) { //Enter key
            $(this).after('<p class="new" contenteditable>hi</p>');
            $('p.new').css("color","red").focus();
            e.preventDefault();
        }
    });
});