Thuộc tính currentTarget của sự kiện trong HTML

Giới thiệu

Thuộc tính currentTarget của đối tượng Event trả về phần tử mà trình xử lý sự kiện (event listener) đang được gắn trên đó. Khác với target (phần tử thực sự kích hoạt sự kiện), currentTarget luôn là phần tử có gán listener, hữu ích khi dùng event delegation.

Cú pháp

event.currentTarget

Ví dụ minh họa

<!DOCTYPE html>
<html>
<body>
  <h2>Lấy phần tử hiện tại</h2>
  <p onclick="myFunction(event)">Nhấp vào dòng này để hiển thị tên thẻ có gán event listener.</p>
  <script>
    function myFunction(event) {
      alert("Phần tử = " + event.currentTarget.nodeName);
    }
  </script>
</body>
</html>

Kết quả hiển thị

Khi nhấp vào đoạn văn, hộp thoại alert hiển thị "P" (tên thẻ của currentTarget).