javascript에서 onchange 이벤트를 수동으로 트리거하려면 어떻게 해야 합니까?

dispatchEvent 메서드를 사용하여 개별 요소에 대한 이벤트를 전달할 수 있습니다. onChange 이벤트가 있는 요소 테스트가 있다고 가정해 보겠습니다. -

<input id="test" type="text"/>

이벤트 핸들러 -

document.querySelector('#test').addEventListener('change', () =>
console.log("Changed!"))

수동으로 이벤트 트리거하기 -

const e = new Event("change");
const element = document.querySelector('#test')
element.dispatchEvent(e);

이것은 다음을 기록합니다 -

Changed!