先日運営しているサイトにJavaScript+Canvasで制作したゲームを公開し、各デバイスの動作を確認したところ、
PCブラウザ(Firefox)、iphoneのsafariでは上手く動いたのですが(iphoneでは一部BGMと効果音が鳴りませんがスルー)
ipadのsafariでだけ、最初のタイトル画面は表示されますが、スタートボタンを押しても何も反応しません。
どうやらページをスクロールするとタップイベントが効かなくなるようです。
原因は何でしょうか。ご提示よろしくお願いいたします。
マウス位置の取得は以下のように行っております。
JavaScript
1 var rect = e.target.getBoundingClientRect(); 2 if(window.TouchEvent){ 3 var mouseX = e.changedTouches[0].pageX - rect.left; 4 var mouseY = e.changedTouches[0].pageY - rect.top; 5 }else{ 6 var mouseX = e.clientX - rect.left; 7 var mouseY = e.clientY - rect.top; 8 }