如何在不导入整个移动驱动的JavaScript框架的情况下使用触摸事件？

Question

我正在制作一个响应式设计，我想使用两个特定的触摸事件tap和swipe。是否可以导入单个jQuery Mobile切片（即jquery.mobile.events.js）或任何其他移动驱动的JavaScript框架，而无需导入整套资产？我现在正在使用jQuery，只是你知道。

Answer 1

您也可以使用下载构建器从jQuery Mobile下载模块 Events.Touch http://jquerymobile.com/download-builder/

只需选中“触摸”选项，将JavaScript文件添加到项目中即可开始收听以下事件：

• touchstart
• touchmove
• touchend
• 抽头
• taphold
• 滑动
• swipeleft
• swiperight
• scrollstart
• scrollstop

ps：你必须使用jQuery库，因为jQuery mobile在它上面运行。

Answer 2

我刚刚为我的问题找到了一个解决方案：TouchSwipe，一个用于处理滑动事件的触摸设备的jQuery插件。像老板一样！

Answer 3

您可以使用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');
      }
    }
  });
});