Как использовать сенсорные события без импорта целого мобильного JavaScript-фреймворка?

Question

Я работаю над адаптивным дизайном, в котором я хотел бы использовать два конкретных сенсорных события, tap и swipe.Можно ли импортировать один фрагмент jQuery Mobile (т. Е. jquery.mobile.events.js ) или фрагмент какой-либо другой мобильной JavaScript-платформы без импорта всего набора ресурсов?Я сейчас использую jQuery, просто чтобы вы знали.

Answer 1

Вы также можете просто загрузить модуль Events.Touch с jQuery Mobile, используя их загрузчик http://jquerymobile.com/download-builder/

Просто отметьте опцию «Touch», добавьте файл JavaScript в свой проект, чтобы вы могли начать слушать такие события, как:

• touchstart
• TouchMove
• touchend
• кран
• taphold
• салфетки
• swipeleft
• swiperight
• scrollstart
• scrollstop

ps: вы должны использовать библиотеку jQuery, поскольку jQuery mobile работает поверх нее.

Answer 2

Вы можете использовать плагин TouchSwipe Jquery, это самый простой плагин за всю историю Jquery.

https://github.com/mattbryson/TouchSwipe-Jquery-Plugin

$(function() {
  $(".carousel-inner").swipe({
    allowPageScroll:"auto",
    swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
      if(direction == 'left'){
        $(this).parent().carousel('prev');
      }
      else if(direction == 'right') {
        $(this).parent().carousel('next');
      }
    }
  });
});

Answer 3

Я только что нашел решение для моей проблемы: TouchSwipe , плагин jQuery для сенсорных устройств, который обрабатывает события смахивания.Как босс!