2017-04-20 15 views
0

CreateJSマウスクリックがまったく機能しない理由は何でしょうか?CreateJSアニメーションCC - マウスクリックが機能しない

明確にする編集:

here(プレスビデオ再生ボタン )ではなくhereを動作するようにアニメーション-CC/CreatJSキャンバスマウス相互作用の可能性理由から何ができるか( "ボタンを押してください遊びます")?

「ブロックする」という種類のため、キャンバスのクリックを妨げますか?より明確化

:秒1のみキャンバスのクリックをログに記録しながら、

コンソールを開いてください、あなたは、キャンバスや舞台のクリックの両方をログに記録する最初のサイトが表示されます。

これは私が持っているコードです:

this.stage.addEventListener("click", function(){console.log("stage is clicked")}); 

this.stage.canvas.addEventListener("click", function(){console.log("canvas is clicked")}); 

私のコードは、上記のページの両方にロードされますが、2ページ目は、ステージがunclickable作る何かをします。

アイデア?

ありがとうございます!

アップデート1:

上記の実施例は、動作していない例がないが、iFrameの内側に包まれた私の創造(ID「iRoll」)を有するされていることを確認してください。これはおそらく、DOMマウスのやり取りがCreateJSフレームワークによって解釈される方法に影響します。

that.mcBTN.addEventListener("rollover", function (e) { 
    that.mcBTN.gotoAndStop(1); 
}); 

that.mcBTN.addEventListener("rollout", function (e) { 
    that.mcBTN.gotoAndStop(0); 
}); 

that.mcBTNはブラックボックスであり、iはフレーム1

オン "(上ロール)" のテキストを有する:

また、私は上記の例にこのコードを追加しましたあなたはそれをブラックボックスと外側の内側に代替クリックすると

that.first = true; 
that.mcBTN.addEventListener("click", function (e) { 
    that.mcChanger.gotoAndStop(that.first); 
    that.first = !that.first; 
}); 

、あなたはいくつかのものがCOORDの面で正しく登録されていることがわかります。これはクリックで色付きのボックスを変更するコードですinates system - (「ロールオン」のテキストが表示されるはずですが)クリック機能とロールオーバー機能は何らかの形で機能しません(つまり、色付きボックスは色が変わらず、「ロールオン」テキストは機能しません)。ロールオーバーのやりとりに基づいて表示されます。

+0

これはステージのスケーリングによって発生する可能性があります。アドビは、座標を変換するステージに「応答性の高い」スケーリングを追加しました。クリックがステージ内の他の場所からトリガーされているかどうかを確認します。 – Lanny

+0

thanx Lanny、私は実際に質問をさらに単純化しました(上の編集を参照)。問題のあるページでは、ステージのクリックはまったくキャプチャされません。これについて何か考えていますか? – Saariko

答えて

0

最新のコードサンプルに基づいて、私は第2のもの(キャンバス上のリスナー)が動作していると推測していますが、ステージ上のものはありません。ステージの「クリック」イベントは、マウスの下にコンテンツがある場合にのみ発生することを知っておくことが重要です。あなたは、「任意の場所をクリックし、」イベントをしたい場合は、あなたは、マウスの下のコンテンツを持っている、それがクリックされたときに何のコンソールログが存在しない場合は、あなたが見てみてください「stagemouseup」

http://createjs.com/docs/easeljs/classes/Stage.html#event_stagemouseup

を使用ステージスケール。私のコメントで言及したように、アドビは内容を調整するための反応的なコードを追加しましたが、ステージのスケーリングは悪名高いマウス座標の問題を引き起こします。

場合によっては、1つ以上のコードを投稿できますか?

+0

あなたの入力用Thanx Lannyほど!実際には、Adobeは「反応性の高い」ものを作っただけでなく、私もそのコードを取り、それを私のニーズに合わせてさらに変更しました。おそらく私はそこで何か間違ったことをしたのですが、私はすぐに、すべてのコードの中で、関連性があると思われる部分をここに掲載します。その間、もう一度クリックしないページを確認します。青と黒の領域をクリックすると、それに応じてカーソルが変わります。これは、問題は座標問題ではなく、何か他のものであることを意味しないのでしょうか? – Saariko

+0

Lanny私は質問にいくつかの情報を追加しました。おそらくもっと明確です。 AnimateはCanvasを保持するdiv内に完全なHTMLページを生成していますが、私のコードはそのCanvasを取り込み、システムに「手動で」追加します(CreateJS/EaselJSを使用するのと似た方法で)。手 " - アニメーションなし)。 – Saariko

関連する問題