按键不适用于动态创建的元素

Question

我正在尝试在标记div中添加新的标记范围。 我的问题是span[id="newtag"]下的代码没有 工作。我怎样才能使这段代码有效？

$(document).ready(function () {
    $('#tags').on("click", function () {
        $(this).append('<span id="newtag" contenteditable="true"></span>');
        $(this).children(":last").focus();
    });
    $('span[id="newtag"]').keypress(function (k) {
        if (k.which == 13 || k.which == 32) {
            $(this).append('gfskjsokdfla');
        }
    });
});

Answer 1

使用event delegation创建dymanically dom元素。

$('#tags').on('keypress', 'span[id="newtag"]', function(k){
   if (k.which == 13 || k.which == 32) {
       $(this).append('gfskjsokdfla');
   }
});