javascript - 如何在 javascript 中添加 eventListener？

Question

我是前端问题的新手。当用户更改此 html 输入字段时，我想发送他已更改的数据值。

目前用户只有预先发送到此表单的数据以及我对其进行的任何更改，然后单击保存按钮。它只是不从表单发送正确的数据。它发送预定义的值。

<script>
    document.getElementById("<%- fieldName%>").addEventListener("onchange", myFunction());
    function myFunction(){
        document.getElementById('<%- fieldName%>').innerHTML = "Hello World!";
    }

</script>
<div class="AknFieldContainer">
<div class="AknFieldContainer-inputContainer">
    <input id="<%- fieldName%>"
    class="AknTextField <%- className %>"
    type="textarea"
    value="<%- value %>"
    >
</div>

这段代码显然行不通。因此，无论用户更改值，我都想发送它。我想对此有很多答案，但我只是不知道在哪里可以找到它。有人可以引用我的解决方案或根据下面的评论建立解决方案吗？如果需要，我什至可以使用 Jquery。如果不需要，我宁愿用纯 Javascript 来完成。

编辑:

所以这里的正确问题是如何使输入字段的值动态且可靠地来自输入？

Answer 1

您需要将一个函数作为回调传递给 addEventListener。现在你传递一个函数执行的结果。

按如下方式更改您的代码:

document.getElementById("<%- fieldName%>").addEventListener("change", myFunction);