javascript - 我在移动浏览器上测试时出现 HTML5 画布问题

Question

我正在做一个 Animate cc 项目。制作 HTML5 画布页面。当我在手机浏览器上看到该页面时，就会出现该问题。问题是当我单击其中的任何按钮时，屏幕周围会出现一个蓝色透明覆盖层并突然消失。我在互联网上搜索了它，但我找不到修复它的答案。您可以从以下地址查看问题（请在您的手机浏览器上查看）：

我的应用链接

这是我用于点击事件的代码：

thisMc=this;

dialogsArr=[thisMc.ivanDialog,thisMc.akilDialog,thisMc.xiaDialog,thisMc.maxDialog,thisMc.mariaDialog,thisMc.observeTxt];
//disapear dialogs
function disapearDialogs()
{
    dialogsArr[0].alpha=0;
    dialogsArr[1].alpha=0;
    dialogsArr[2].alpha=0;
    dialogsArr[3].alpha=0;
    dialogsArr[4].alpha=0;
    dialogsArr[5].alpha=0;
}
disapearDialogs();
dialogsArr[5].alpha=1;

//persons events
thisMc.ivanBtn.on('click', function()
{
    createjs.Sound.stop();
    disapearDialogs();

    createjs.Sound.play('my_name_is_ivan');
    dialogsArr[0].alpha=1;
    stage.update();
});

thisMc.akilBtn.on('click', function()
{
    createjs.Sound.stop();
    disapearDialogs();

    createjs.Sound.play('my_name_is_akil');
    dialogsArr[1].alpha=1;
    stage.update();
});

thisMc.xiaBtn.on('click', function()
{
    createjs.Sound.stop();
    disapearDialogs();

    createjs.Sound.play('my_name_is_xia');
    dialogsArr[2].alpha=1;
    stage.update();
});

thisMc.maxBtn.on('click', function()
{
    createjs.Sound.stop();
    disapearDialogs();

    createjs.Sound.play('my_name_is_max');
    dialogsArr[3].alpha=1;
    stage.update();
});

thisMc.mariaBtn.on('click', function()
{
    createjs.Sound.stop();
    disapearDialogs();

    createjs.Sound.play('my_name_is_maria');
    dialogsArr[4].alpha=1;
    stage.update();
});

我想知道是否有人知道如何解决这个问题。如果您对此有所了解，请告诉我。

非常感谢。

汤姆

标签： javascripterror-handlinghtml5-canvasmobile-browseranimate-cc