通过注入的JS脚本更改输入框的值时如何触发onchange事件[重复]

Question

我正在创建一个将 javascript 脚本注入特定网页的 chrome 扩展程序。脚本遍历页面，搜索数据，收集数据，点击按钮。

我遇到了一个问题，在继续按钮之前有一个输入框。在输入框的值满足一定条件之前，按钮是不可点击的。我可以使用以下方法将该值输入到输入框中：

document.querySelector("inputBox").value = "requiredValueToContinue"

但是，即使输入框包含正确的值，继续按钮仍将保持禁用状态。我知道这是正确的值，因为如果我随后手动单击输入框并在值的末尾点击删除键（因此实际上没有删除任何内容），继续按钮将不再被禁用。

因此，当我通过脚本更改输入值时，dom 似乎无法识别输入值已更改。它不检查该值是否满足继续的要求。

在更改输入框的值后，我还尝试执行以下操作，以使页面意识到其值已更改： 输入框.focus() inputBox.click()

有谁知道我如何让输入框识别该值已更改并触发似乎是 onchange 函数的监听？

Answer 1

您应该在输入中调用.onchange() 方法，如下所示： document.querySelector("inputBox").onchange()