Jquery 为什么keyup事件不适用于动态添加到页面的输入标记?
我想通过jquery将输入标记动态添加到我的页面,但当添加它时,“keyup”事件不起作用,但当通过硬代码将输入添加到页面时,它起作用 我通过firebug查看我的代码,每件事都是正常的,但当页面将呈现keyup事件分配给“.txtbox”类定义的所有元素时,以及当我以友好方式添加另一个元素时,它不是此事件 我如何处理这个问题Jquery 为什么keyup事件不适用于动态添加到页面的输入标记?,jquery,Jquery,我想通过jquery将输入标记动态添加到我的页面,但当添加它时,“keyup”事件不起作用,但当通过硬代码将输入添加到页面时,它起作用 我通过firebug查看我的代码,每件事都是正常的,但当页面将呈现keyup事件分配给“.txtbox”类定义的所有元素时,以及当我以友好方式添加另一个元素时,它不是此事件 我如何处理这个问题 var i = 0;//generate a number for id function addit() { i = i + 1; //this line add
var i = 0;//generate a number for id
function addit() {
i = i + 1;
//this line add dynamic input to a div with class ".x"
$(".x").prepend('<input id=\'Text1' + i + '\' value=\'' + i+ '\' type=\'text\'
class=\'txtbox\' /><br />');
}
//when page load all ".txtbox" classes get "keyup" event
$(function ()
{
$('.txtbox').keyup(function(e){
if (e.keyCode == 13) {
alert("hi");
}
});
});
//html codes
<input id="Button1" type="button" value="add it" onclick="addit()" />
<div class="x">
<input id="Text11" value="1" type="text" class="txtbox" /><br />
</div>
var i=0//为id生成一个数字
函数addit(){
i=i+1;
//此行将动态输入添加到类为“.x”的div中
$(“.x”).prepend(“
”);
}
//当页面加载所有“.txtbox”类时,会发生“keyup”事件
$(函数()
{
$('.txtbox').keyup(函数(e){
如果(e.keyCode==13){
警报(“hi”);
}
});
});
//html代码
与事件委派一起使用
$('.x').on("keyup",".txtbox",function(e){
if (e.keyCode == 13) {//here you use e.which then it will good
alert("hi");
}
});
使用
event.which属性规范化event.keyCode和event.charCode。建议观看用于键盘键输入的event.which