如何在 Javascript/jQuery 中触发/触发"oninput"事件？jQuery('#iD').trigger( "oninput" )？

Question

我目前正在使用Elementor WordPress表单插件(MetForm(，该插件使用oninput事件来处理用户在表单中提交的数据。

问题是，我在URL中的页面之间传递数据作为参数，但这些数据无法保存，因为当用户登录新页面时，这些数据不是手动输入的。

他们的插件现在需要用户与表单元素交互来注册值。

jQuery('#iD').val(); 

不会设置新值，除非用户实际键入该值

jQuery('#iD').trigger("oninput"); or jQuery('#iD').trigger("input");

似乎不起作用

对我来说，尝试更改他们的插件会非常复杂，而他们的支持还没有响应我的请求。

有没有一种方法可以在具有给定ID的特定表单元素上手动触发oninput事件来欺骗用户输入(您可以假设每个表单元素都有一个单独的ID，如下所示：#my-input1、#my-input 2等(

---

请注意，我没有试图处理输入。用户不会与我为他们预先填充的输入进行交互。我正试图触发oninput事件，以欺骗表单插件相信这就是发生的事情，从而在提交表单时注册表单值

Answer 1

是的，您可以手动为输入添加事件侦听器

示例：

const myInput = document.querySelector('#my-input1');
myInput.addEventListener('input', function () {
// code to run when oninput event is triggered on the input
})