为动态生成的文本框设置Jquery Enter Key事件

为动态生成的文本框设置Jquery Enter Key事件,jquery,Jquery,如何为动态生成的文本框而不是静态文本框设置jquery keyup事件,如下所示 $('#statictextboxid').keyup(function(e) { //alert(e.keyCode); if(e.keyCode == 13) { alert('Enter key was pressed.'); } }); 使用绑定事件以使动态生成的元素也保持连接 //Simulate dynamically generated textbox $("body").append("&

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

$('#statictextboxid').keyup(function(e) {
//alert(e.keyCode);
if(e.keyCode == 13) {
    alert('Enter key was pressed.');
}
});
使用绑定事件以使动态生成的元素也保持连接

//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.');
}
});
//模拟动态生成的文本框
$(“正文”)。追加(“”);
//现在绑定事件
$('.textbox')。在('keyup',函数(e)上{
//警报(如钥匙代码);
如果(e.keyCode==13){
警报(“按了回车键”);
}
});

使用模拟版本,而不是选择静态文本框,使用动态生成的元素

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

// ...

myNewElement.keyup(function(e) {
    //alert(e.keyCode);
    if(e.keyCode == 13) {
        alert('Enter key was pressed.');
    }
});
var myNewElement=$('');
// ...
myNewElement.keyup(函数(e){
//警报(如钥匙代码);
如果(e.keyCode==13){
警报(“按了回车键”);
}
});

可以,但在何处调用.on(..),以便将“keyup”事件与动态生成的文本框绑定。文本框的生成方式与facebook帖子中的方式类似。@MuhammadIrfan,噢。。。在这种情况下,为所有动态生成的TextArea指定一个公共类名,并在代码中使用该名称。等等,检查我的更新我认为创建一个函数并通过onkeypress调用更简单更干净。onkeypress=“Inc_Cmt_Enter(this,event);”,您认为如何?您的方法还可以,只需对页面指定部分的文本字段进行优化,以便只绑定Enter keypress。@MuhammadIrfan,不完全是这样,您必须对添加的每个元素重复函数调用。上面的代码将自己附加到遇到的每个新元素上,这就简单得多。