[JavaScript] スマートフォンでのtouchendで指が要素の外でも反応してしまう
スマートフォンのclickイベントは、シングルクリックかダブルクリックかの判定をするために、0.数秒処理を待つので、体感的にもっさりとした感じを受ける。 なので、clickではなくtouchendイベントでいろんな処理をしていくんだけど、touchend時にターゲットの要素の外でもイベントが起きちゃって困った。 具体的には ボタンの上に指をON。touchstartイベント 指を動かして、指をボタンの外に出す。touchmoveイベント ボタンの外で指をはなす。touchendイベント これで、ボタンに設定していたtouchendイベントが動き出す。 使う側としたら、スクロールやスワイプ？フリック？なんかをしたつもり なのに、なんか動き出したって感じかな。 この違和感をなくすために、指を動かしたら、touhcendイベントは起きないようにした。
iPhone/Androidにタッチ！ - 愛と勇気と缶ビール
stats.js (https://github.com/mrdoob/stats.js) という、JavaScriptでfpsもどきの値を出すライブラリをiPhone/Androidで試していた時に気づいたんだけど、iPhone/AndroidのWebKitではデフォルトのスクロール中はsetIntervalの監視が無効になっているっぽい。 具体的には、例えば setInterval(function() { count++; }, 1000); みたいなことをやっているページがあってとして 1. タッチ開始 2. 指を動かす 3. タッチ終了 4. 慣性スクロール の流れで、4.が完全に終わるまでcountの値は変わらない。また、実行キューに入っていたものがスクロール後に一気に実行されるというわけでもない。完全にtimerが止まっている。 一瞬「指を置いて動かしている間はJSの実行は全
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
