Accessing javascript native "this" inside of jQuery

Question

How can i access to this.today inside of the Moved function? It will be called via jQuery so the this keyword will be overwritten by jQuery to jQuery object or a DOM element.

Here is something similar to what I have:

(function(Map) {
    Map.Timeline = {
        today: null,

        Init: function () {
            jQuery("#timeline").mousemove(Map.Timeline.Moved); // or this.Moved
        },

        Moved: function (event) {
            console.log(this);                  // jQuery Object or DOM element
            console.log(this.today);            // fails
            console.log(Map.Timeline.today);    // works fine
        },

        // more code here ...

You mean this = Map.Timeline

jacktheripper
– jacktheripper

2013-04-21 10:08:40 +00:00
Commented Apr 21, 2013 at 10:08 — jacktheripper
– jacktheripper, Commented Apr 21, 2013 at 10:08
@jacktheripper yes, you mean I manually rewrite it?

Mahdi
– Mahdi

2013-04-21 10:09:32 +00:00
Commented Apr 21, 2013 at 10:09 — Mahdi
– Mahdi, Commented Apr 21, 2013 at 10:09

Arun P Johny · Accepted Answer · 2013-04-21 10:11:46Z

7

Use jQuery.proxy() to use a custom context in a callback call

jQuery('#timeline').mousemove(jQuery.proxy(Map.Timeline.Moved, this));

answered Apr 21, 2013 at 10:11

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

1 Comment

Roko C. Buljan Over a year ago

+1 finally a nice example on where to use that feared proxy ;)

deviloper · Accepted Answer · 2013-04-21 10:17:45Z

1

You can store this before it is overwritten:

(function(Map) {
var myvar = $(this);
Map.Timeline = {
    today: null,


    Init: function () {
        jQuery("#timeline").mousemove(Map.Timeline.Moved); // or this.Moved
    },

    Moved: function (event) {
        console.log(myvar);                  // jQuery Object or DOM element
        console.log(myvar.today);            // fails
        console.log(Map.Timeline.today);    // works fine
    },

    // more code here ...

edited Apr 21, 2013 at 10:17

answered Apr 21, 2013 at 10:11

deviloper

7,25210 gold badges52 silver badges79 bronze badges

2 Comments

neo Over a year ago

Your code does not work. You can't var myvar in an object like that.

Mahdi Over a year ago

Actually I don't wanted to store the jQuery this ... I wanted to prevent the overwritten of the native this keyword. What you doing there is to storing the jQuery object ...

Collectives™ on Stack Overflow

Accessing javascript native "this" inside of jQuery

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related