タグ

ブックマーク / satussy.blogspot.com (1)

  • [JavaScript] スマートフォンでのtouchendで指が要素の外でも反応してしまう

    スマートフォンのclickイベントは、シングルクリックかダブルクリックかの判定をするために、0.数秒処理を待つので、体感的にもっさりとした感じを受ける。 なので、clickではなくtouchendイベントでいろんな処理をしていくんだけど、touchend時にターゲットの要素の外でもイベントが起きちゃって困った。 具体的には ボタンの上に指をON。touchstartイベント 指を動かして、指をボタンの外に出す。touchmoveイベント ボタンの外で指をはなす。touchendイベント これで、ボタンに設定していたtouchendイベントが動き出す。 使う側としたら、スクロールやスワイプ?フリック?なんかをしたつもり なのに、なんか動き出したって感じかな。 この違和感をなくすために、指を動かしたら、touhcendイベントは起きないようにした。

    yamadar
    yamadar 2014/01/22
    “スマートフォンのclickイベントは、0.数秒処理を待つので、体感的にもっさり。clickではなくtouchendイベントでいろんな処理をしていく”
  • 1