คุณสมบัติ event.type

คุณสมบัติ event.type เก็บประเภทของเหตุการณ์ที่เกิดขึ้น

ไวยากรณ์

javascriptevent.type;

ตัวอย่าง

ในตัวอย่างถัดไป มีการผูกตัวจัดการการคลิกกับองค์ประกอบ ดังนั้นประเภทของเหตุการณ์จะได้เป็น 'click':

html<button id="elem">ปุ่ม</button>
javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
  console.log(event.type);
});

ผลลัพธ์จากการรันโค้ด:

javascript'click'

ตัวอย่าง

ในตัวอย่างถัดไป มีการผูกตัวจัดการการสูญเสียโฟกัสกับอินพุต ดังนั้นประเภทของเหตุการณ์จะได้เป็น 'blur':

html<input id="elem">
javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('blur', function(event) {
  console.log(event.type);
});

ผลลัพธ์จากการรันโค้ด:

javascript'blur'

ดูเพิ่มเติม

  • คุณสมบัติ target,
    ซึ่งระบุองค์ประกอบที่กำหนดให้กับเหตุการณ์
  • คุณสมบัติ key,
    ซึ่งรับอักขระที่ป้อนเข้ามา
  • คุณสมบัติ code,
    ซึ่งรับรหัสของปุ่มที่กด