2014/01/29
スマートフォンでのタッチイベントと移動を区別する方法
PCで画像をクリックしてポップアップウィンドウが出てくるhtmlですが、
スマートフォンだとスクリーンが狭いから、普通にページの下部(上部)に行くつもりですが、
画像をタッチしたら、ポップアップウィンドウが出てきて困ったことがあります。
これは、jqueryのtouchstartイベントを使うではなく、
touchstartからtouchmoveイベントがあるかをチェックする工夫で解決できます。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | $(function() { $( 'div' ).on( { 'touchstart': function() { this.isTouch = true; }, 'touchmove': function() { this.isTouch = false; }, 'touchend': function() { if(this.isTouch == true){ // popupイベントを発生させる } } }); }); |
Author Profile
スターフィールド編集部
SHARE