javascript - 如何使用另一个 JS 脚本在 HTML 上触发 JS 事件？

Question

我正在尝试对工作网站进行逆向工程，以允许我使用 JS 脚本而不使用 jquery在表单中为我输入详细信息。

我已将 HTML 保存在我的桌面上，将所有 src 文件指向正确的位置，现在我正在创建脚本以使用 document.getElementById & .click 自动填充并将字符串输入到输入框中没有问题。

问题是其中一个框以 JS 事件的形式存在某种数据验证，例如单击、输入和按键。

当我在输入框中手动输入详细信息时，这没问题，但是当 JS 为我执行此操作时，它不会触发并且不允许我继续前进。

是否有另一种方法可以触发此事件而无需单击输入框？由于某些原因，我无法编辑 Index.js。

输入框

<input _ngcontent-c4="" class="input-cust-style-orderForm ng-touched ng-dirty ng-valid" type="text" id="order_id_restrict" placeholder="Enter Reference Number" required="">

它具有 Click、Keypress、blur、compositionstart & end、ngmodelchange，并且还有大约 4 个具有相同事件的其他输入框。

我的代码有如下内容：

//click the first li in the dropdown list
document.getElementsByTagName('input')[0];
document.getElementsByTagName("ul")[0]
        .getElementsByTagName("li")[0].click();

var cpName = document.getElementById('cp_name');
    cpName.value = 'something something'

我可以通过以某种方式调用它们来触发网站上已经存在的事件吗？

标签： javascripthtmlvalidationevents