What is the exact difference between currentTarget property and target property in 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?

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.