Attach event using Javascript

Question

I'd like to attach an event when a function is called, but it seems not working using addEventListener...

My code :

function add () {
  this.inputString.input.addEventListener('mouseover', toggle.call(this));
}

function toggle () {
  $(this.tooltip).toggle();
}

Issue : the toggle() function doesn't work. However, this.inputString.input and this.tooltip are not emtpy...

If you want to bind a certain this use bind instead of call — user6445533
– user6445533, Commented Jun 29, 2016 at 9:47
call would "call" (i.e. invoke) the function immediately, bind would return a "bound function", which could be used as a handler. — kazenorin
– kazenorin, Commented Jun 30, 2016 at 12:44

kazenorin · Accepted Answer · 2016-06-29 09:42:33Z

1

The apparent problem I see here is that you should attach a function to addEventListener's second argument, not the call itself:

this.inputString.input.addEventListener('mouseover', toggle);

Then you should consider reviewing the toggle() function itself.
What do you mean by this.tooltip ?

But this is out of scope of this question (about attaching events).

answered Jun 29, 2016 at 9:42

kazenorin

1,4758 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1