swipe
swipeイベントは画面をスワイプ時に発火するイベントです。
<div data-role="content" class="swipe">
<p>スワイプしてください</p>
</div>
このようなHTMLにswipeイベントをバインドするには、次のようにjQueryのonメソッドを利用してバインドを行ないます。
$(document).on('swipe','.swipe',function(){
$(this).css("background","red");
});
デフォルトでは10px以上移動した場合をスワイプとみなしますが$.event.special.swipe.scrollSupressionThresholdで変更できます。
登録日 : 2012年12月06日 最終更新日 : 2016年12月19日
同じカテゴリー(イベント)のエントリー
- checkboxradiocreate
- updatelayout
- throttledresize
- pageshow
- pageremove
- pageloadfailed
- pagehide
- pagecreate
- pagechangefailed
- pagechange
- pagebeforeshow
- pagebeforehide
- pagebeforecreate
- pagebeforechange
- navigate
- hashchange
- pageload
- pagebeforeload
- scrollstop
- scrollstart
- orientationchange
- vmousecancel
- vclick
- vmouseup
- vmousemove
- vmousedown
- vmouseout
- vmouseover
- swiperight
- swipeleft
- swipe
- taphold
- tap
- pageinit
- mobileinit