jquery检测在动态创建的文本框中输入密钥

Question

我有以下代码来创建文本框：

$(".vocab-list").append( $('<li style="margin-left: 307px;" class="vocab-word" id="vocab_' + vocabWords[wordId]['id']+ '"><img width="230px" height="230px" src="' + vocabWords[wordId]['imageURL'] + '" /><div><input type="text" spellcheck="false" id="writeWord" autocorrect="off" maxlength="200" style="width: 230px;border: 0;border-bottom: 1px solid #C8C6C6;border-radius: 0;color:#6e572f;font-size:24px;font-weight:500;"></div></li>').hide().fadeIn(600));

如何检测回车键？以下没有工作

$('#writeWord').bind("enterKey",function(e){
alert("Enter");
});

Answer 1

将.on用于动态HTML - 检测keyup事件，然后检测密钥是否为输入密钥：

$(".vocab-list").on("keyup", "#writeWord", function(e) {
    if (e.which == 13) {
        alert("Enter");
    }
});