Làm cách nào để kích hoạt sự kiện onchange theo cách thủ công trong javascript?

Bạn có thể gửi các sự kiện trên các phần tử riêng lẻ bằng cách sử dụng phương thức DispatchEvent. Giả sử bạn có một bài kiểm tra phần tử với sự kiện onChange -

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

Trình xử lý sự kiện -

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

Kích hoạt sự kiện theo cách thủ công -

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

Điều này sẽ ghi lại những điều sau -

Changed!