javascript判斷是否手機裝置+滑動事件

標籤：js判斷手機 滑動事件

//判斷是否手機端

   var isMobile = false;

   try {

    //手機端

    document.createEvent("TouchEvent");

    isMobile = true;

   } catch (e) {

    //pc

   }

//手勢事件

  var startX = 0, endX = 0, move_left = null;

    //按下時觸發

    $(‘元素‘).on(‘touchstart‘, function (e) {

        e.preventDefault()

        var touch = event.touches[0];

           startX = touch.pageX;

     })

    

     //移動時觸發

     $(‘元素‘).on(‘touchmove‘, function (e) {

           var touch2 = event.touches[0];

           endX = touch2.pageX;

     })

              

    //離開時觸發

     $(‘元素‘).on(‘touchend‘, function (e) {

          time = setInterval(picTimer, opts.Time)

          if (!scrollList.is(":animated")) {

              e.preventDefault()

              if (startX > endX) {

                  index += 1;

                  if (index == len) { index = 0; }

                  showPics(index);

              } else {

                  index -= 1;

                  if (index == -1) { index = len - 1; }

                  showPics(index);

             }

          }

    }

    

 不會到會，只是一個過程！ 

本文出自 “快樂·其實好簡單” 部落格，請務必保留此出處http://1120173856.blog.51cto.com/2882946/1637466

javascript判斷是否手機裝置+滑動事件