ฉันจะทริกเกอร์เหตุการณ์ 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!