JavaScript · Junior · Question 71 of 75

In a click handler attached to `<ul>`, how do `event.target` and `event.currentTarget` differ?

✓Correct answer: target is the element actually clicked (e.g. an <li>); currentTarget is the <ul> the handler is attached to
2They are always the same
3currentTarget is the previously clicked element

Explanation

This difference is the basis of event delegation: one handler on the parent inspects event.target (often with closest()).

Further reading

javascript.info: Bubbling and capturing ↗

Test yourself

Take the JavaScript · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.