Event: thuộc tính target

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Note: This feature is available in Web Workers.

Thuộc tính chỉ đọc target của giao diện Event là một tham chiếu tới đối tượng mà sự kiện được gửi tới. Nó khác với Event.currentTarget khi bộ xử lý sự kiện được gọi trong pha bubbling hoặc capturing của sự kiện.

Giá trị

Một EventTarget tương ứng.

Ví dụ

Thuộc tính event.target có thể được dùng để triển khai ủy nhiệm sự kiện.

js
// Tạo một danh sách
const ul = document.createElement("ul");
document.body.appendChild(ul);

const li1 = document.createElement("li");
const li2 = document.createElement("li");
ul.appendChild(li1);
ul.appendChild(li2);

function hide(evt) {
  // evt.target tham chiếu tới phần tử <li> đã được nhấp
  // Điều này khác với evt.currentTarget, vốn sẽ tham chiếu tới <ul> cha trong ngữ cảnh này
  evt.target.style.visibility = "hidden";
}

// Gắn bộ lắng nghe vào danh sách
// Nó sẽ được gọi khi mỗi <li> được nhấp
ul.addEventListener("click", hide);

Thông số kỹ thuật

Specification
DOM
# ref-for-dom-event-target③

Tương thích trình duyệt

Xem thêm