如何在通过注入的JS脚本改变输入框的值时触发onchange事件



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

我遇到了一个问题,在继续按钮之前有一个输入框。在输入框的值满足一定条件之前,按钮是不可点击的。我可以在输入框中输入这个值:

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

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

所以似乎当我通过脚本改变输入值dom不识别输入值已经改变。它不会检查值是否满足继续的要求。

我也试图做以下我改变输入框的值后,试图让页面意识到它的值已经改变:inputBox.focus ()inputBox.click ()

有人知道我如何能得到输入框,以识别值已经改变,并触发什么似乎是一个onchange函数听它?

你应该在你的输入中调用.onchange()方法,如下所示:document.querySelector("inputBox").onchange()

最新更新