Question

我正在为FLASH CC中的HTML5画布文档中的某些按钮添加一些交互性。功能很好，但我无法弄清楚如何添加JS来添加翻转，以便在按钮翻转时出现手柄/指针。

我知道如何通过buttonMode在AS3中执行此操作，但我对JS来说是一个完全的菜鸟。

下面是我目前为HTMl5画布文档中的按钮编写的代码，提前感谢您的帮助！

var frequency = 1;
stage.enableMouseOver(frequency);

this.btn_yes.addEventListener("click", clickYes.bind(this));
this.btn_no.addEventListener("click", clickNo.bind(this));

this.btn_yes.addEventListener("mouseover", MouseOverYes);
this.btn_yes.addEventListener("mouseout", MouseOutYes);

this.btn_no.addEventListener("mouseover", MouseOverNo);
this.btn_no.addEventListener("mouseout", MouseOutNo);

function clickYes()
   {
       this.gotoAndPlay("chooseYes");
   }


function clickNo()
   {
       this.gotoAndPlay("no");
   }


function MouseOverYes()
   {
       this.btn_yes.style.cursor = 'pointer';
   }


function MouseOutYes()
   {
       this.btn_yes.style.cursor = 'default';
   }

function MouseOverNo()
     {
       this.btn_no.style.cursor = 'pointer';
     }


function MouseOutNo()
     {
         this.btn_no.style.cursor = 'default';
     }

Answer 1

stage.canvas.style.cursor =“default”;

将鼠标光标设置为正常状态。

stage.canvas.style.cursor =“none”;

这将使鼠标光标消失，现在严重缺乏对所有内容的文档。试图在flash画布中找到一个很好的编码资源。如果你找到一个请告诉我。

Answer 2

@ user3570797 如果您使用FlashCC，可以通过创建按钮符号轻松完成。尝试这样的事情：http://grab.by/Ktw2

然后通过'ExportRoot'对象按名称引用这些按钮，并将事件处理程序附加到这些按钮。

示例：

function init() {
 canvas = document.getElementById("canvas");
 exportRoot = new lib.Button();

 stage = new createjs.Stage(canvas);
 stage.addChild(exportRoot);
 stage.update();
 stage.enableMouseOver();

 var yesBtn = exportRoot.yesBtn;
 var noBtn = exportRoot.noBtn;
 yesBtn.addEventListener("click", handleClick);
 noBtn.addEventListener("click", handleClick);

 createjs.Ticker.setFPS(lib.properties.fps);
 createjs.Ticker.addEventListener("tick", stage);

}

function handleClick(event) {
 //doSomething...

}

Answer 3

也许试试这个。

stage.enableMouseOver();
var root = this;
root.theButtonName.cursor = "pointer";

使用Flash CC在HTML5画布中将光标更改为指针

3 个答案: