Value of 'this' inside a mouse event handler

Question

I was struggling a bit to handle the mouseout event on a div with a bunch of nested elements. I found this answer, which helped me, but leaves me with a further question.

The proposed answser uses this in the event handler and as far as I could test it effectively points to the element to which the handler was originally attached, and not its descendants.

My question is : is that documented somewhere ? I can't seem to find it on MDN.

[What about here?](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#The_value_of_this_within_the_handler) — Mike Cluck, Apr 20 '16 at 15:57

score 2 · Accepted Answer · answered Apr 20 '16 at 16:01

Is this document?

About the handle function :

As a DOM event handler
When a function is used as an event handler, its this is set to the element the event fired from (some browsers do not follow this convention for listeners added dynamically with methods other than addEventListener).

Value of 'this' inside a mouse event handler

1 Answers1