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

What is the exact difference between currentTarget and target property in JavaScript events with an example and which property is used in which scenario?

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.

Stack Overflow Q#10086427, score: 1100