需要一个事件通过Javascript捕获textarea html元素值的更改_Javascript_Html

需要一个事件通过Javascript捕获textarea html元素值的更改

javascript html

需要一个事件通过Javascript捕获textarea html元素值的更改,javascript,html,Javascript,Html,当textarea html元素的值通过Javascript更新时，我需要触发一个事件使用标准事件的问题是元素必须具有焦点，然后当焦点丢失时事件触发。我正在使用的元素永远不会被最终用户交互。如何完成添加事件以检测此值是否已设置我见过一些使用jQuery的解决方案，但是我尝试过的每个解决方案似乎都有相同的问题。无论我是通过在纯HTML元素中分配函数，还是通过使用Javascript分配事件，手动将事件设置为元素，直到出现某种用户交互，事件仍然不会触发下面是完整的超薄代码和显示问题的简短视频。

当textarea html元素的值通过Javascript更新时，我需要触发一个事件

使用标准事件的问题是元素必须具有焦点，然后当焦点丢失时事件触发。我正在使用的元素永远不会被最终用户交互。如何完成添加事件以检测此值是否已设置

我见过一些使用jQuery的解决方案，但是我尝试过的每个解决方案似乎都有相同的问题。无论我是通过在纯HTML元素中分配函数，还是通过使用Javascript分配事件，手动将事件设置为元素，直到出现某种用户交互，事件仍然不会触发

下面是完整的超薄代码和显示问题的简短视频。单击按钮可更新文本区域，但不会触发任何事件

<!DOCTYPE html>
<html>
    <head>

        <title>Update Text Area via Javasdcript and Trigger an Event</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>

        <h3>The goal below is to click the button which sets the 'value' of the &lttextarea&gt element.  Updating the &lttextarea&gt should then Trigger an Event.</h3>
        <textarea id="txtArea" oninput="alert('You just changed the textarea.')"
        placeholder="Type in this box. When you click away an alert will be generated."></textarea>

        <br /><br />

        <button id="btnSetTextArea" onclick="setTextAreaValue()" value="submitData" type="submit">Set Text Area</button>
        
        <script>

            function setTextAreaValue() {
                document.getElementById("txtArea").value = "Set something to the TextArea Element";
            }

        </script>
    </body>
</html>


通过Javasdcript更新文本区域并触发事件
下面的目标是单击设置<textarea>元素“值”的按钮。更新<textarea>将触发一个事件。



设置文本区域
函数setTextAreaValue（）{
document.getElementById（“txtArea”）.value=“将某物设置为TextArea元素”；
}

设置该值不会触发事件，只需手动调用设置文本区域后需要运行的任何代码。这是否回答了您的问题？由我无法控制的机制触发的事件正在更新此元素的值。我想知道是否还有另一种方法我想不出来。这里是SQL的家伙，我对javascript基本上是新手。