Access parent function properties Javascript

Question

I have a JavaScript class like this

function Palette() {

  this.selectedItem = "";

  this.addBox = function() {
    // Different approach, create a fake box
    b = $("<div id='box-palette' class='box'>Box</div>");
    b.insertBefore('#cont');

    b.mousedown(function() {
        this.selectedItem = "box"; // Here I want to access Palette#selectedItem
        console.log(Palette);
    });
  }
}

How can I access the property of the class in the function I want to pass to jQuery?

Any help will be appreciated. Thanks!

Have a look at these: stackoverflow.com/search?q=[jquery]+oop+event+handler+context. — Felix Kling
– Felix Kling, Commented Sep 4, 2013 at 11:08

Arun P Johny · Accepted Answer · 2013-09-04 11:07:54Z

2

Since it is tagged with jQuery use $.proxy() to pass the parent context to the callback method

function Palette() {

    this.selectedItem = "";

    this.addBox = function () {
        // Different approach, create a fake box
        b = $("<div id='box-palette' class='box'>Box</div>");
        b.insertBefore('#cont');

        b.mousedown($.proxy(function () {
            this.selectedItem = "box"; // Here I want to access Palette#selectedItem
            console.log(Palette);
        }, this));
    }
}

Note: bind() was not used because of lack IE<9 support

answered Sep 4, 2013 at 11:07

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

2 Comments

jaibatrik Over a year ago

Thanks for the answer, it would be great if you could let me know the use of bind() in this context also. I am accepting the answer, thanks!

Arun P Johny Over a year ago

@jaibatrik both are used to pass a custom context to a function... bind() is a native extension to Function.prototype - but it is supported only in newer versions of browsers

Collectives™ on Stack Overflow

Access parent function properties Javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related