javascript - JavaScript - 从和动态创建的元素实时输出文本字段的输入

Question

我需要将正在写入文本输入字段的内容实时输出到按钮上。

<div class="content-loaded-via-ajax">
    <input id="input" type="text" pattern="[0-9]+" name="amount">
</div>


<div class="another-content-loaded-via-ajax">
    <button id="output" type="submit" name="submit">
        //display output here
    </button>
</div>

我会使用这样的东西：

<script>

    document.getElementById('input').addEventListener("keyup", myFunction);

    var inputBox = document.getElementById('input');

    function myFunction(){
        document.getElementById('output').value = inputBox.value;
    }   

</script>

但是由于输入字段和按钮都是由 ajax 动态加载的，所以这是行不通的。

我也愿意使用 jQuery，因为它已经在页面上使用了。

谢谢。

标签： javascriptjqueryhtmlinputreal-time