คำสั่ง new Event

คำสั่ง new Event คือตัวสร้าง เหตุการณ์ ซึ่งสามารถใช้สร้าง อ็อบเจ็กต์เหตุการณ์ แล้วเรียกเหตุการณ์นี้ จาก JavaScript ด้วยเมธอด dispatchEvent ทำไมถึงจำเป็น: สามารถจำลองการคลิก ผู้ใช้ที่ปุ่ม ความพยายามในการส่ง ฟอร์ม และอื่นๆ ได้ ในกรณีนี้เหตุการณ์จะไม่ แตกต่างจากของจริงเลยนอกจากคุณสมบัติ event.isTrusted สามารถสร้างเหตุการณ์ด้วยชื่อที่ไม่มาตรฐาน (ที่คุณคิดขึ้นมา) แล้วเรียกใช้งาน ในเวลาที่ต้องการได้ด้วย

ไวยากรณ์

new Event(ประเภทเหตุการณ์, [แฟล็ก]);

ตัวอย่าง

สมมติว่ามีปุ่มอยู่ ปุ่มนี้เมื่อกดแล้ว จะแสดงข้อความ มาทำให้ เมื่อเลื่อนเมาส์มาที่ปุ่ม ปุ่มนี้คิดว่ามีการคลิกมัน:

<button id="button">ปุ่ม</button>

let button = document.querySelector('#button');

button.addEventListener('click', function() {
	alert('ข้อความ');
});

button.addEventListener('mouseover', function() {
	let clickEvent = new Event('click'); // สร้างเหตุการณ์
	this.dispatchEvent(clickEvent); // จำลองการคลิกที่ปุ่ม
});

ตัวอย่าง

สามารถสร้างเหตุการณ์ของตัวเอง (ด้วยชื่อของตัวเอง) แล้วเรียกใช้งานในเวลาที่ต้องการได้ มาผูก เหตุการณ์ showMessage กับปุ่มแล้ว เมื่อเลื่อนเมาส์มาทำให้เกิดเหตุการณ์นี้:

<button id="button">ปุ่ม</button>

let button = document.querySelector('#button');

button.addEventListener('showMessage', function() {
	alert('ข้อความ');
});

button.addEventListener('mouseover', function() {
	let showMessageEvent = new Event('showMessage'); // สร้างเหตุการณ์
	this.dispatchEvent(showMessageEvent); // เรียกให้เหตุการณ์ทำงาน
});

ดูเพิ่มเติม

คุณสมบัติ addEventListener,
ซึ่งผูกเหตุการณ์
คุณสมบัติ removeEventListener,
ซึ่งยกเลิกการผูกเหตุการณ์