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