javascript函数 "document.getElementById()"按预期工作

Question

我正在进行浏览器记录测试，其中我使用一个值在输入字段中输入一个值 自动搜索触发功能。

document.getElementById('InputFieldWIthSearchFunctionality').value = "Saurav";

但是如果我将值设置为上述字段，则不会触发搜索。

请帮忙。

Answer 1

仅设置值不会调用输入字段的 onchange 和/或 oninput 事件监听器。自动搜索触发器可能正在监听此事件。

您可以手动将这两个事件分派(dispatch)到输入字段:

const elem = document.getElementById("InputFieldWIthSearchFunctionality");

// create onchange event
const onchangeEvent = document.createEvent("HTMLElements");
onchangeEvent.initEvent("onchange", false, true);

// create oninput event
const oninputEvent = document.createEvent("HTMLElements");
oninputEvent.initEvent("oninput", false, true);

// dispatch events to the input field
elem.dispatchEvent(onchangeEvent);
elem.dispatchEvent(oninputEvent);

这绝对适用于 Chrome 和所有使用 Chromium 的浏览器，我没有测试任何其他浏览器，这取决于您。

Information about manually dispatching events taken from this answer: https://stackoverflow.com/a/2856602/7846567