Question

After reading related questions #1 , #2
I still haven’t found an answer to the following question:

Javascript can set context (i.e. set this) with: bind , call and apply.

But when I’m write an event handler:

document.getElementById('myInput').onclick = function ()
                                                   {
                                                      alert(this.value)
                                                   }

Who/What actually attaches this to the object itself ?

P.S. When using jQuery’s :

  $("#myInput").bind(function (){...})

there is an internal implementation of (bind, call or apply)

So when I am not using jQuery, who is doing it?

Answer 1

Why, the DOM/JavaScript of course, it’s supposed to work that way by W3C.

Event handlers are invoked in the context of a particular object (the current event target) and are provided with the event object itself.

Source

How exactly that happens, we don’t know. It’s an implementation detail.

All we know is, that the semantics as defined by the W3C are achieved in some way, but which part of the browser does that and and how, that is left up to the browser developers, and they can implement it as they see fit.