The read-only target
property of the Event
interface is a reference to the object onto which the event was dispatched. It is different from Event.currentTarget
when the event handler is called during the bubbling or capturing phase of the event.
The associated EventTarget
.
The event.target
property can be used in order to implement event delegation.
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.style.visibility = "hidden";
}
ul.addEventListener("click", hide, false);