Mouse Out not working in Muse

Hey just wanted to let know I got some kind of answer for this:

.oam button breaks when brought into Muse

It doesn't read a lot like an answer! What is the simplest example you can give that would show the problem?

I tried this script:

this.btn.addEventListener("mouseout",out);

this.btn.addEventListener("click",clicked);

stop();

function out(){

  alert("out");

}

function clicked(){

  alert("clicked");

}

Both the click and the mouseout responded, in Animate and in Muse.

I know right lol! The "mouseout" script seems to be ignored and Im not sure how to fix it. Adobe encourages users to create buttons and animations in AnimateCC since they have officially discontinued Edge Animate.

Edge Animate was perhaps a good fit with Muse in that you more normally do responsive designs in both. Adobe Animate for HTML5 is usually a fixed size canvas document. You can make it responsive in terms of with and height, but the moment would stay the same layout.

If you test my script and it doesn't work for you, let me know what your HTML publish settings are. Or if you can post an FLA online that I can try.

I couldn't get your code to work

Here is the .fla file.

1_homebtn.fla - Google Drive

Thank you in advance!

I figured it out. Your button is the size of the stage, and so by the time your mouseout would happen the cursor is already outside of the stage. Making the stage a bit bigger made it still work in Muse.

If it needs to be that way for some reason, look at the stage.mouseleave event to see if that would be another way to handle it:

EaselJS v0.8.2 API Documentation : Stage 

omg thank you that worked like a charm!!!!!

I'm curious, did you make the stage bigger, or use the stage.leave event?

this work for me.

this.stop();

var anim = this;

this.movieClip_2.addEventListener("click", fl_ClickToGoToWebPage_2);

function fl_ClickToGoToWebPage_2() {

    window.open("http://www.google.com.ar", "_blank");

}

/////////////////////////////////////////////

stage.enableMouseOver();

canvas.addEventListener ('mouseover', over.bind (this));

function over(){

anim.gotoAndPlay (16);

}

document.addEventListener ("mouseout", out.bind (this));

function out(){

anim.gotoAndPlay (21);

}