The target property returns the element on which the event occurred, opposed to the currentTarget property, which returns the element whose event listener triggered the event. See Also: The currentTarget Property

event.target returns the node that was targeted by the function. This means you can do anything you would do with any other node like one you'd get from document.getElementById.

Feb 2, 2024 · In this article, we will learn the event.target property in JavaScript source code and the benefit of that property in the JavaScript webpage. The event.target property helps find the name of the HTML element used to trigger the event.

Dec 19, 2024 · 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.

Mar 5, 2014 · var target = new MyEventTarget(); target.addEventListener('test', (e) => {console.log(e.detail);}, false); var event = new CustomEvent('test', {detail : 'My Test Event'}); target.dispatchEvent(event);

May 26, 2016 · It feels, from the limited information in your question, that you should be using EventTarget.addEventListener() but I'm very, very unsure of your intent so far. If this is for a real, established DOM event, then new Event(eventName, { target: ... }) is your answer.

event.target returns the DOM element that triggered a specific event, so we can retrieve any property/ attribute with a value. For example, when we console.log(e.target), we can see the element’s class name, type, the position of the mouse, etc.

Feb 1, 2025 · A comprehensive guide to the JavaScript Event target property, explaining how to identify the element that triggered an event and demonstrating its practical usage with examples.

Oct 31, 2022 · In JavaScript, event.target is a property of an event object that refers to the element that triggered the event. This can be useful for identifying which element an event originated from, which is often necessary when working with event listeners. Here is an example of how you might use event.target in your code:

Nov 14, 2023 · To use event.target in code, we first need to attach an event listener to an element. This is done by calling the element‘s addEventListener() method. // Log clicked element . console.log(event.target); When the event occurs, the callback function is triggered, passing in …