如何在javascript中添加eventListener？

我是前端问题的新手。 当用户更改这个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>

document.getElementById（“”）.addEventListener（“onchange”，myFunction（））；
函数myFunction（）{
document.getElementById（“”）.innerHTML=“你好，世界！”；
}

这段代码显然不起作用。因此，无论用户如何更改该值，我都会发送它。 我想关于这个问题有十几个答案，但我只是不知道在哪里可以找到。是否有人可以向我推荐该解决方案，或者根据下面的评论构建一个解决方案？如果需要，我甚至可以使用Jquery。如果不需要的话，我更愿意用纯Javascript来实现

编辑：

---

因此，这里的正确问题是如何使输入字段的值从输入中动态且可靠

您需要将函数作为回调传递给

addEventListener

。现在传递函数执行的结果

对代码进行如下更改：

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

document.getElementById（“”）.addEventListener（“更改”，myFunction）；

脚本应该是：

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

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

</script>

函数myFunction（）{
document.getElementById（“”）.innerHTML=“你好，世界！”；
}
document.getElementById（“”）.addEventListener（“更改”，myFunction）；

myFunction（），并且您在元素存在之前引用它…

“onchange”

不是标准的事件名称。。。它是

“更改”

。不要将其与内联属性

onchange

混淆，只是一个提示：输入元素不能有类型“textarea”，只能有“text”（）。噢，谢谢Aleksandar，事件名称是

“change”

。。。onchange是一个属性nameAh，所以。。感谢MysterX和charlietfl的帮助。我们已经搬家了，但这不是我想做的。对不起，我的英语不好，但我想把它添加到值字段的输入标记中？这意味着我必须更改这一行-document.getElementById（“”）.innerHTML=“Hello World！”；但我不知道怎么做。没问题，如果有任何问题，请告诉我。嗯，我可能没有很好地解释我的问题。但是我想知道，当用户写入/更新输入字段时，是否需要进行更新。现在它只添加了“Hello world！”，这还不够好。你理解我的问题吗？你能给出你的例子吗？在这种情况下，你可以使用

keyup

事件。