-1

オーディオサウンドをタッチで再生しようとしていますが、一貫して動作させることができません.Androidでは在庫とイルカで動作しますが、iPadではまったく動作しません. マウスダウン、オンクリック、タッチスタート、タッチスタートで試しました。それらのどれも機能していません

<canvas id="scratcher1" class="scratchMe" width="99px" height="89px" onmousedown="alert(down)" onclick="alert(click)" touchstart="alert(touch)" ontouchstart="alert(ontouch)"></canvas>
<canvas id="scratcher2" class="scratchMe" width="99px" height="89px" onmousedown="scratch.play()"></canvas>

これは現在、アラートに切り替えたので、どちらも機能していないと言いましたが、どちらが機能しているかを試してみることができました。

4

3 に答える 3

0

javascript initコードを使用して、プログラムでイベントをキャンバスに追加できます。

document.getElementById("scratcher1").addEventListener("mousedown", alert, false);

動作するはずです。詳細については、「Canvasでのマウスおよびタッチイベントへの応答」を参照してください。

于 2013-01-17T09:50:08.163 に答える
0

すべてのタッチ アクションは、次のタッチ アクション シーケンスを提供します。

ontouchstart ontouchmove ontouchend onclick

回避できるのは ontouchmove のみで、残りはすべてタッチ アクション用に生成されます。

これらと照合してください。それが役に立てば幸い

于 2013-01-17T10:08:34.110 に答える
0

このフォーラムを通じて答えを見つけることができました。

http://www.dynamicdrive.com/forums/showthread.php?65787-How-to-combine-eventhandlers-for-mouse-and-touchscreen-(例: iPad )

iPadでも同様の状況があります。

<script type="text/javascript">

(function(){ var 最初 = document.getElementById('scratcher1')、2 番目 = document.getElementById('scratcher2'); 3 番目 = document.getElementById('scratcher3'); 4 番目 = document.getElementById('scratcher4'); 5 番目 = document.getElementById('scratcher5'); 6 番目 = document.getElementById('scratcher6'); 7 番目 = document.getElementById('scratcher7'); 8 番目 = document.getElementById('scratcher8');

first.ontouchstart = second.ontouchstart = third.ontouchstart = fourth.ontouchstart = fifth.ontouchstart = sixth.ontouchstart = seventh.ontouchstart = eighth.ontouchstart = function () {
    scratch.play()
};

})();

最終的にそれが機能したのは何ですか。

于 2013-01-17T10:36:35.097 に答える