Question

如何为动态生成的文本框而不是静态文本框设置jquery keyup事件，如下所示？

$('#statictextboxid').keyup(function(e) {
//alert(e.keyCode);
if(e.keyCode == 13) {
    alert('Enter key was pressed.');
}
});

Answer 1

使用.on()绑定事件，以便为动态生成的元素保持附加

//Simulate dynamically generated textbox
$("body").append("<input type='text' class='textbox' />");
// Now bind the event
$('.textbox').on('keyup', function(e) {
//alert(e.keyCode);
if(e.keyCode == 13) {
    alert('Enter key was pressed.');
}
});

带有模拟版

的

Demo

Answer 2

使用您动态生成的元素，而不是选择静态文本框。

var myNewElement = $('<textarea>');

// ...

myNewElement.keyup(function(e) {
    //alert(e.keyCode);
    if(e.keyCode == 13) {
        alert('Enter key was pressed.');
    }
});

设置Jquery为动态生成的TextBox输入关键事件

2 个答案: