javascript - 如何使用 Greasemonkey 启用禁用的按钮？

Question

我的目标是这个网站:https://ib.ing.cz/transactional-cz/#login/credentials

它有一个输入表单，我可以使用它来填写

document.querySelector('input[name=customer-id]').value = "1234567890";

但是，让我走得更远的按钮被禁用了。无论我尝试什么，它都会保持不变，直到我开始手动填写表格。如何启用该按钮(最好也以编程方式单击它)？我尝试模拟按键或操纵按钮的“禁用”属性，但我没有成功。

更新:我终于让它工作了，我使用的代码在这里:https://greasyfork.org/en/scripts/375326-p%C5%99ihla%C5%A1-se-na-ing(出于某种原因，我不得不从答案中删除 if/else 语句，即使在 Firefox 控制台中，脚本上下文中的条件也不成立)

但是，当我(手动或通过脚本)单击按钮时，有一些更神奇的东西阻止了它的工作，并收到一条错误消息，指出“网站出现故障”。

原来还需要添加“更改”事件。答案中的原始链接指向一个引用 Firebug 的古老问题，该问题已被并入 Firefox。对我来说关键是使用调试器。只需在网站上单击鼠标右键，然后选择“检查此元素”。单击检查器中的这些小三 Angular 形后，可以找到与这些元素关联的事件:

为了阅读网站代码，最好将他们发送的拼写输入到这样的美化器中:https://beautifier.io/

Answer 1

引用 Choosing and activating the right controls on an AJAX-driven site .

您的 target site 在放置在输入的 ancestor div 上的 keyup 事件上运行其“客户编号”验证(以启用该按钮等)。

这意味着您必须在设置值后发送一个 keyup 事件，并确保该事件从输入中冒出。

像这样:

var cIdInpt = document.querySelector ('input[name=customer-id]');
if (cIdInpt) {
    var keyupEvnt   = new Event ('keyup', {bubbles: true} );  //  no key code needed in this case.
    cIdInpt.value   = "1234567890";

    cIdInpt.dispatchEvent (keyupEvnt);
}
else {
    console.error ("cIdInpt not found.");
}