Passing parameters into callback functions when using .bind

Question

I'm trying to pass arguments to a function, but can't figure out how to do this when method chaining .bind.

I suppose my question is two fold:

1) How do you pass the parameters to the callback function (in this case, printEvent) when you're using bind?

2) Furthermore, how do you actually pass the pointerdown event to the printEvent function?

var app = {  

  fruit : 'apple',

  printEvent: function(event){
    console.log(event + this.fruit );
  },

  eventListeners:function(){
    var target = document.getElementById('elementId');
    target.addEventListener('pointerdown', this.printEvent(event).bind(this));
  }

}

You mean target.addEventListener('pointerdown', this.printEvent.bind(this, 'pointerdown')); ? — Andrew Li
– Andrew Li, Commented Mar 17, 2017 at 1:26
Great, that answers the first question. :) Except, how do I actually pass in the pointerdown event itself. Right now, your solution only passes in a string — Modermo
– Modermo, Commented Mar 17, 2017 at 1:33
I thought you just wanted the string. In that case, just bind this. event will automatically be passed. — Andrew Li
– Andrew Li, Commented Mar 17, 2017 at 1:41
The relevant docs: developer.mozilla.org/en/docs/Web/JavaScript/Reference/… — Evan Trimboli
– Evan Trimboli, Commented Mar 17, 2017 at 1:43
As always, you don't call the function that you are passing as a callback? — Bergi
– Bergi, Commented Mar 17, 2017 at 1:57

Hamms · Accepted Answer · 2017-03-17 01:52:18Z

1

var app = {
  fruit: 'apple',

  printEvent: function (event) {
    console.log(event.target, event.type, this.fruit)
  },

  eventListeners: function () {
    document.getElementById('elementId').addEventListener('pointerdown', this.printEvent.bind(this))
  }
}

edited Mar 17, 2017 at 1:52

Hamms

5,11724 silver badges30 bronze badges

answered Mar 17, 2017 at 1:41

MypKOT-1992

1913 bronze badges

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

Collectives™ on Stack Overflow

Passing parameters into callback functions when using .bind

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related