###前提・実現したいこと
現在:
jsとHtmlにて、canvasを利用したページを作成しております。
その中で、ボタンのTouch状態が継続の場合は、
アイテムを回転させ、離すと回転を止めるEventを用意しております。
ただ、ボタンを押しながら、iPhoneのホームボタンを二度押しで
タスク選択の状態に移行をさせると回転が行われ続けます。
目標:
iPhoneのホームボタン2度押しによるタスク選択時に
回転イベントをストップしたい。
###該当のソースコード
var hoge = document.getElementById('hogehoge'); hoge.addEventListener('touchstart',imgLeftRotate, { passive: false }); hoge.addEventListener('touchend',imgRotateCancel, { passive: false }); hoge.addEventListener('touccancel',imgRotateCancel, { passive: false }); document.addEventListener("visibilitychange", imgRotateCancel, { passive: false }); // --- imgの左回転 function imgLeftRotate(e) { e.preventDefault(); if (focusNum == null || itemList[focusNum].remove_flg === 1) { return false; } rotate_interval_id = setInterval(function() { itemList[focusNum].rotate(-1); }, 15); } // --- img 回転処理のキャンセル function imgRotateCancel(e) { clearInterval(rotate_interval_id); }
###試したこと
・setInterval内で、e内のtargetChangeなどを確認
・touchcancel利用で止まるかの検証など
あなたの回答
tips
プレビュー