Javascript 附加输入框上的事件侦听器

我在名为userInput的类上创建了一个keyup事件监听器，但是在使用同一个类附加了多个输入框之后，这个事件监听器将不会从新的输入框启动

HTML

<div id="wrapper">
    <input type="text" class="userInput">
    <button type="button" id="add_input">Add</button>
</div>

添加

Javascript

$(document).ready(function(){
    $(".userInput").on("keyup", function(){
        alert("Key has been released");
    });   

    var target = $("#wrapper"),
        innerHTML = "<div><input type=\"text\" class=\"userInput\"></div><br>";
    $("#add_input").on("click", function(){
        target.append(innerHTML);
    });
});

$（文档）.ready（函数（）{
$（.userInput”）.on（“keyup”，function（）{
警报（“钥匙已释放”）；
});   
var target=$（“#包装器”），
innerHTML=“
”；
$（“添加输入”）。在（“单击”，函数（）上{
append（innerHTML）；
});
});

事件侦听器为原始输入框激发，但不为具有相同类的任何新附加输入框激发。

使用：

---

对不起，这是个骗局，我在这里找不到类似的问题，但我想我找得不够仔细

$(".wrapper").on("keyup", ".userInput", function(){
    alert("Key has been released");
});