jQuery Mobile イベントのサンプル

jQuery Mobile のイベントhttp://jquerymobile.com/demos/1.1.0/docs/api/events.htmlについてサンプルを作成してみました。このサンプルでは以下のイベントを拾います。

• click
• tap
• taphold
• swipe
• swipeleft
• swiperight
• orientationchange
• resize
• scrollstart
• scrollstop

イベントのサンプル

サンプルではイベントが発生すると、そのイベント名の文字列がcontent内のdiv要素に追加されます。clearボタンを押すと、追加されたイベント名文字列を消去します。

orientationchangeは、windowオブジェクトが発生するイベントなので、windowオブジェクトに対して、コールバックをbindしています。

    $(window).bind("orientationchange",function(e) {
        $('#text').text($('#text').text() + 'o-change[' + e.orientation + '] ');

    });

参考:
http://stackoverflow.com/questions/10023328/orientation-change-event-implementation-by-jquery-mobile-in-phone-gap