Draggable > addEventListener > callback > this

[jvkirkwo]

Hi.

 

From inside the callback method of the addEventListener, is there a way to get a relative reference to the draggable instance?

 

In the codepen, to retrieve the instance inside the options callback, I use "this". Using "this" inside the addEventListener callback retrieves the target element (not sure why because the listener is attached to the draggable instance).

 

it would be preferable for me to use the addeventlistener way but in my situation I have many draggable instances and would like to access their properties and methods from inside the same callback. Let me know if that doesn't make sense.

 

Thanks.

See the Pen jbQGav by anon (@anon) on CodePen

[Diaco]

Hi jvkirkwo 

 

in this case " this " returns : event Target

 

pls try this :

var D = Draggable.create('.box');
D[0].addEventListener('press', function(){ console.log( Draggable.get(this) ) });

[OSUblake]

Is states in the docs that "this" refers to the target (element). Why can't you use the same onPress for multiple instances?  

 

Lot's of different ways to do this...

See the Pen bVQaow?editors=001 by osublake (@osublake) on CodePen

[jvkirkwo]

Ahhh I forgot about bind(). Thanks you guys. Both are great answers.