อ็อบเจ็กต์เหตุการณ์ event ใน jQuery

ตอนนี้เราจะเริ่มทำความรู้จักกับเหตุการณ์ใน jQuery

เมื่อเหตุการณ์เกิดขึ้นใน jQuery จะมีการสร้างอ็อบเจ็กต์เหตุการณ์ event, ซึ่งเก็บข้อมูลทั้งหมดเกี่ยวกับเหตุการณ์นั้น ตัวอ็อบเจ็กต์นี้ จะถูกส่งเข้าไปในฟังก์ชันจัดการเหตุการณ์

ตัวอย่างเช่น ลองมาดูว่าเราคลิกที่แท็กอะไร ลองใช้โค้ด HTML ต่อไปนี้:

html<body>
  <div id="text"></div>
  <div>
    <p>
      <strong><span>click</span></strong>
    </p>
  </div>
</body>

CSS มีลักษณะดังนี้:

cssspan, strong, p {
  display: block;
  padding: 10px;
  border: 1px solid black;
}

ตอนนี้มาใช้คุณสมบัติ event.target.nodeName ของอ็อบเจ็กต์ event ของเรา ซึ่งเราจะส่งมัน เข้าไปในฟังก์ชันจัดการเหตุการณ์ของเมธอด click:

javascript$('body').click(function(event) {
  $('#text').html('clicked: ' + event.target.nodeName);
});

อ็อบเจ็กต์ event ประกอบด้วยคุณสมบัติ และเมธอดมากมาย