วิธี Trigger onchange Event แบบ Manual ใน JavaScript

dispatch events บน elements ได้ด้วย dispatchEvent method สมมติมี element test ที่มี onChange event

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

Event handler

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

Trigger event แบบ manual

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

จะ log

Changed!