I want to create html canvas movie clip button

Question

HelloI created movie clip buttons with as3 and then converted to html canvas. I created buttons that worked perfectly in actionscript. But I can't get them to work in JavaScript. I'm using very simple code. Tell me what am I doing wrong?/* Mouse Over EventMousing over the symbol instance executes a function in which you can add your own custom code.Instructions:1. Add your custom code on a new line after the line that says "// Start your custom code" below.The code will execute when the symbol instance is moused over.frequency is the number of the times event should be triggered.*/var frequency = 3;stage.enableMouseOver(frequency);this.btn1.addEventListener("mouseover", fl_MouseOverHandler_5);function fl_MouseOverHandler_5(){  this.gotoAndPlay("over");// Start your custom code  // This example code displays the words "Moused over" in the Output panel.  alert("Moused over");  // End your custom code}

kglad · Accepted Answer

html5/canvas loses scope (or context) in functions. so you must explicitly define 'this' inside function bodies.

var frequency = 3;
stage.enableMouseOver(frequency);
this.btn1.addEventListener("mouseover", fl_MouseOverHandler_5.bind(this));
function fl_MouseOverHandler_5()
{
this.gotoAndPlay("over");// Start your custom code
// This example code displays the words "Moused over" in the Output panel.
alert("Moused over");
// End your custom code
}

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.