Javascript 调用并使用.append（）后，.focusout（）不起作用

在使用

.append（）

方法后，我很难找出为什么没有调用

.focusout（）

。我有一个按钮，可以向表中添加另一行

input

现在，在该表中，我检查用户是否在关注输入。当它最初以一行开始时，它可以工作，但当我单击按钮将

.append（）

一个新行添加到

tbody

后，它就开始工作了

我尝试了

.focusout（）

和

.on（“focusout”）

两种方法，但都没有成功

$(document).ready(function() {
    $("#addRow").click(function () {
        $("tbody").append("<tr><td><input type='text' /></td><td>World</td></tr>");
    });
//    $("tbody input").focusout(function () {
//        alert("Focus Out");
//    });

    $("tbody input").on("focusout", function() {
        alert("Focusing out");
    });
});

$（文档）.ready（函数（）{
$（“#添加行”）。单击（函数（）{
$（“tbody”）。追加（“World”）；
});
//$（“tbody输入”）.focusout（函数（）{
//警惕（“聚焦”）；
//    });
$（“tbody输入”）。打开（“focusout”，函数（）{
警惕（“聚焦”）；
});
});

$（文档）.ready（函数（）{
$（“#添加行”）。单击（函数（）{
$（“tbody”）。追加（“World”）；
});
//$（“tbody输入”）.focusout（函数（）{
//警惕（“聚焦”）；
//    });
$（“tbody输入”）。打开（“focusout”，函数（）{
警惕（“聚焦”）；
});
});

添加行
你好
应该是这样的：

$("tbody").on("focusout", "input", function() {
    alert("Focusing out");
});

请注意，“input”被移动到
on
的第二个参数，这样它就可以应用于
tbody
上所有未来的
输入，而不仅仅是第一次调用时存在的输入。我建议你读这本书