Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

What is the exact difference between currentTarget property and target property in JavaScript

Tags:

javascript

Can anyone please tell me the exact difference between currentTarget and target property in JavaScript events with example and which property is used in which scenario?

like image 885
Valli69 Avatar asked Apr 10 '12 09:04

Valli69

People also ask

What is the difference between target and currentTarget in Javascript?

target is the element that triggered the event (e.g., the user clicked on) currenttarget is the element that the event listener is attached to.

What is the difference between event target and event currentTarget properties?

target is the root element that raised the event. currentTarget is the element handling the event.

What does currentTarget do in Javascript?

The currentTarget read-only property of the Event interface identifies the current target for the event, as the event traverses the DOM. It always refers to the element to which the event handler has been attached, as opposed to Event.

What is Javascript target?

Definition and Usage. The target event property returns the element that triggered the event. The target property gets the element on which the event originally occurred, opposed to the currentTarget property, which always refers to the element whose event listener triggered the event.

1 Answers

Events bubble by default. So the difference between the two is:

  • target is the element that triggered the event (e.g., the user clicked on)
  • currentTarget is the element that the event listener is attached to.
like image 79
Griffin Avatar answered Oct 03 '22 23:10

Griffin
Sign in to Comment

Related questions

Check if user is using IE
React - changing an uncontrolled input
Pass in an array of Deferreds to $.when()
Why does Node.js' fs.readFile() return a buffer instead of string?
Download a file by jQuery.Ajax
How to format a float in javascript?
Seeding the random number generator in Javascript
How to read a local text file?
JavaScript for...in vs for
.trim() in JavaScript not working in IE
Create an array with same element repeated multiple times
Create a Date with a set timezone without using a string representation
Contains case insensitive
How can I update the parent's state in React?
How to deep merge instead of shallow merge?
How do you check that a number is NaN in JavaScript?
What is the difference between 'it' and 'test' in Jest?
Easy way to turn JavaScript array into comma-separated list?
How to parse float with two decimal places in javascript?
Use of .apply() with 'new' operator. Is this possible?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!