マウスオーバーイベントでムービークリップを再生したい

Question

実現したいこと

Adobe Animate CCのHTML5 Canvasでインタラクティブな作品を制作しています。
メニュー画面となる画面の各ボタンをムービークリップで作っており、マウスオーバーしたときに特定のムービークリップシンボルを再生するようにしたいです。

発生している問題・エラーメッセージ

メインタイムラインの25フレーム目（Actions:25）に以下のように書いてみたのですが機能していないように見えます。コードスニペットにある「マウスオーバーイベント」と「ムービークリップを再生」を組み合わせただけなのですが、サンプルコードであるアラートは機能しましたがそれ以外のコードはプレビュー時に反応していないように思います。エラーは出ていません。同じ要領でクリックイベントを作成したときは機能しましたが、クリックには別の機能をつけたいのです。

該当のソースコード

this.stop();


/* マウスオーバーイベント*/
var frequency = 3;
stage.enableMouseOver(frequency);
this.BTodekake.addEventListener("mouseover", fl_MouseOverHandler_4);

function fl_MouseOverHandler_4()
{
	// カスタムコードを開始
	// このコード例では、出力パネルに "マウスオーバー" という用語が表示されます。
	//alert("マウスオーバー");
	this.BTodekake.play();
	// カスタムコードを終了
}

補足情報（FW/ツールのバージョンなど）

Adobe Animate CC　var.21.0.1
HTML5 Canvas

Answer 1

JavaScriptはあまり知らないのですが、下の記事が参考になりました。

animate cc 2017 ムービークリップのマウスオーバーでカーソルをpointerに変更したい

JavaScriptでは、functionの中と外で、thisの参照先が変わるのが原因のようです。
リンク記事を参考に修正したコードは下記になります。
（私の環境では、下記のコードでちゃんと再生されました）

this.stop();


/* マウスオーバーイベント*/
var frequency = 3;
stage.enableMouseOver(frequency);

var movieClip = this.BTodekake;
movieClip.addEventListener("mouseover", fl_MouseOverHandler_4);

function fl_MouseOverHandler_4()
{
    // カスタムコードを開始
    // このコード例では、出力パネルに "マウスオーバー" という用語が表示されます。
    //alert("マウスオーバー");
    movieClip.play();
    // カスタムコードを終了
}