Đối tượng sự kiện event trong jQuery

Bây giờ chúng ta sẽ bắt đầu làm quen với các sự kiện trong jQuery.

Khi một sự kiện được kích hoạt trong jQuery, một đối tượng sự kiện event được tạo ra, nó chứa tất cả thông tin về sự kiện đó. Đối tượng này được truyền vào hàm xử lý.

Ví dụ, hãy tìm hiểu chúng ta đang nhấp vào thẻ nào. Lấy mã HTML sau:

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

CSS trông như sau:

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

Bây giờ chúng ta sử dụng thuộc tính event.target.nodeName của đối tượng event của chúng ta, đối tượng này lần lượt được chúng ta truyền vào hàm xử lý của phương thức click:

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

Đối tượng event chứa nhiều thuộc tính và phương thức.

event