Thuộc tính event.target

Thuộc tính event.target chứa phần tử nơi sự kiện được kích hoạt. Đây không phải là phần tử mà trình xử lý sự kiện được gắn vào, mà chính là thẻ sâu nhất mà trực tiếp nhận, ví dụ, một cú nhấp chuột.

Cú pháp

event.target;

Ví dụ

Giả sử chúng ta có một div, và bên trong nó là một đoạn văn. Gắn sự kiện vào div, nhưng nhấp chuột vào đoạn văn - trong trường hợp này event.target sẽ chứa thẻ cuối cùng, nơi sự kiện xảy ra - tức là đoạn văn, chứ không phải div. Hãy kiểm chứng điều này bằng tagName:

<div id="div">
	<p>văn bản</p>
</div>

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

div.addEventListener('click', function(event) {
	console.log(event.target); // sẽ in ra tham chiếu đến đoạn văn
});

Xem thêm

thuộc tính event.currentTarget,
chứa phần tử mà sự kiện được gắn vào
thuộc tính code,
lấy mã của phím được nhấn
thuộc tính event.key,
lấy ký tự được nhập