JSaddEventListener监听通过代码进行的input更改

要监听通过代码进行的“input”更改，可以使用 DOM 中的“MutationObserver” API。这个 API 可以在 DOM 中检测到任何更改时立即通知你，而不仅仅是通过用户交互事件引起的更改。

下面是一个使用“MutationObserver”的示例代码，监视一个文本输入框的内容更改：

HTML 代码:

<input type="text" id="myInput" value="Initial value">

JavaScript 代码:

// 获取要监视的 DOM 元素
const inputBox = document.getElementById("myInput");

// 创建一个观察器实例并传入回调函数
const observer = new MutationObserver(function(mutationsList, observer) {
    // 代码更改后要执行的代码
    console.log("Content changed!");
});

// 开始观察指定的节点及其子节点的更改
observer.observe(inputBox, { attributes: true, childList: true, subtree: true });

// 修改输入框文本
inputBox.value = "New value";

在这个示例中，我们创建了一个“MutationObserver”实例，并在回调中打印一条提示信息。然后，我们使用该实例监视输入框的更改，并修改了它的值来触发该回调。

注意，“MutationObserver” API 可以检测所有 DOM 更改，而不仅仅是输入更改。如果你只想监视“input”元素的更改，则可以在回调函数中添加一个 if 语句，以检查发生更改的节点是否为所需元素。