Cannot read property 'gotoAndStop' of undefined? It is Defined.

Question

function Reset_A() {
		 this.Video_Display.gotoAndStop(0);		
		};
		
		 this.Video_Display.gotoAndStop(0); this.Video_Display.gotoAndStop(0); fires just fine, unless I call it from within in a function...If I have a function in a click event that fires Reset_A(); then suddenly my Video_Display is "undefined"?How can it be both defined and undefined? Can anyone make sense of that? Thanks!

avid_body16B8 · Accepted Answer

It is a matter of scope.Try to add this code:var root = this;Then in your function useroot.Video_Display.gotoAndStop(0);

ClayUUID · Answer

It's not working because you're calling the function as an event handler, and in event handlers, "this" is set to the global window object, not any Animate timeline or object.

You can resolve this problem by binding the event handler function to a specific scope:

somebutton.addEventListener("click", myHandlerFunction.bind(this));

(but that makes removing it a nuisance)

Or you can just stash the current value of "this" in a variable that's within lexical scope of the event handler:

var localThis = this;
function Reset_A() {
    localThis.Video_Display.gotoAndStop(0);
};

You can see the value of "this" change by putting alert(this); in your setup code, and again in your event handler function.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.