"this" point on the event.target

1

Hello, in one of the JavaScript project tutorials I bumped into this piece of code:

function setProgress() {
  const width = this.clientWidth;
  console.log(width);
}

progressContainer.addEventListener('click', setProgress)

So the this keyword in this example is pointing on the event listener. Using this in event handlers will be always pointing on the event listener element?

2

can you share your full code ,because I can’t understand what you are trying to do if you add a event listener and call a function then inside that function this keyword always point that event .
what is this.clientWidth can you explain ?
Are you using only javascript?