Get reference of object inside a function bind as event in js .?

Question

I have an constructor object like this .

var Cons = function(me){
  this.name= me;
  this.ele = document.getElementById("element");
  this.ele.addEventListener("click",this.fnClick,false);
}

and some methods extended as prototypes

 Cons.prototype.getme= function(){
     return this.me;
  }
  Cons.prototype.fnClick= function(){
      alert(this.getme())
  }
 var initZ = new Cons("test");

So my problem is when im "fcClick" is executed as a bind function "this" will refer to the binded HTML element , not the current instance Object,

So how can i pass the reference of "this" in "fnClick" ..?

jsfiddle link

Alexander Pavlov · Accepted Answer · 2012-12-05 06:04:49Z

2

Use this.fnClick.bind(this) or, for browsers that do not support bind:

var Cons = function(me){
  this.name= me;
  this.ele = document.getElementById("element");

  var self = this;
  function handler() {
    self.fnClick(arguments);
  }
  this.ele.addEventListener("click", handler, false);
}

See http://jsfiddle.net/Fy5ZV/1/ (with getme() returning this.name)

answered Dec 5, 2012 at 6:04

Alexander Pavlov

32.4k5 gold badges71 silver badges95 bronze badges

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

2 Comments

Sarath Over a year ago

ys actualy i want it like with a self reference , but i cant bind a private fn handler , since i need to make a removeEvent in some other function, and i cant declare just public functions, its a part of a framework..

Alexander Pavlov Over a year ago

You can implement a shim for Function.prototype.bind, see here, the Compatibility section.

alex · Accepted Answer · 2012-12-05 06:00:42Z

1

You can use bind()...

var Cons = function(me){
  this.name= me;
  this.ele = document.getElementById("element");
  this.ele.addEventListener("click",this.fnClick.bind(this),false);
}

This will guarantee that the ThisBinding will be set to the calling environment's this.

answered Dec 5, 2012 at 6:00

alex

492k205 gold badges890 silver badges992 bronze badges

Collectives™ on Stack Overflow

Get reference of object inside a function bind as event in js .?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related