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

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

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

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

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

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

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

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

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

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

event