一、移动端的操作方式和PC端是不同的，移动端主要是用手指操作，所以有特殊的touch事件，touch事件包括如下几个事件：

1、手指放到屏幕上时触发   touchstart

2、手指放在屏幕上滑动式触发    touchmove

3、手指离开屏幕时触发。  touchend

4、系统取消touch事件的时候触发，比较少用。  touchcancel

二、移动端一般有三种操作：点击、滑动、拖动，这三种操作一般是组合使用上面的几个事件来完成的，所有上面的4个事件一般很少单独使用，一般是封装使用来实现这三种操作，可以使用封装成熟的js库

1、移动框架之zeptojs

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的API。如果你会用jquery，那么你也会用zepto。Zepto的一些可选功能是专门针对移动端浏览器的;它的最初目标是在移动端提供一个精简的类似jquery的js库。

a、zepto官网：http://zeptojs.com/

b、zepto中文api：http://www.css88.com/doc/zeptojs_api/

c、zepto包含很多模块，默认下载版本包含的模块有Core，Ajax，Event，Form，IE模块，如果还需要其他的模块，可以自定义构建。

d、zepto自定义构建地址：http://github.e-sites.nl/zeptobulider/

e、touch模块封装了针对移动端常用的事件，可使用此模块进行移动端特定效果开发，这些事件有：

　　e1、tap元素tap的时候触发，此事件类似click，但是比click快

　　e2、longTap当一个元素被按住超过750ms触发

　　e3、swipe ，swipeLeft，swipeRight，swipeUp，swipeDown当元素被划过时触发。（可选择给定的方向）

实际应用之手机滑到删除

 滑动删除

2、移动框架之swiper

swiper.js是一款成熟的稳定的应用于PC端和移动端的滑动效果插件，一般用来触屏焦点图、触屏整屏滚动等效果。swiper分为2x版和3x版，2x版支持低版本浏览器（IE7），3x放弃支持低版本浏览器。适合应用在移动端。

2x版本中文网址：http://2.swiper.com.cn/

3x版本中文网址：http://www.swiper.com.cn/

Swiper使用方法

1.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。

如果你的页面加载了jQuery.js或者zepto.js，你可以选择使用更轻便的swiper.jquery.min.js。

2.HTML内容。

3.你可能想要给Swiper定义一个大小，当然不要也行。

4.初始化Swiper：最好是挨着</body>标签

5、如果不能写在HTML内容的后面，则需要在页面加载完成后再初始化。

或者这样（Jquery和Zepto）

swiper（使用参数）

1、initialSlide：初始索引值，从0开始

2、direction：滑动方向 horizontal  vertical

3、speed：滑动速度，单位ms

4、autoplay：设置自动播放及播放时间

5、autoplayDisableOnraction：用户操作swiper后是否还自动播放，默认是true，不再自动播放

6、pagination：分页圆点

7、paginationClickable：分页圆点是否点击

8、prevButton：上一页箭头

9、nextButton：下一页箭头

10、loop：是否首尾衔接

11、onSlideChangeEnd：回调函数，滑动结束时执行

swiper制作实例：

1、swiper制作移动端焦点图实例

http://www.cnblogs.com/qijunjun/p/7231771.html

延伸阅读

• 程序员不是码农那么简单 2019-05-13 17:11:31.817
• 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁 2017-07-26 16:47:17.677
• 阿里移动安全 Android端恶意锁屏勒索应用分析 2017-07-26 16:39:07.577
• webpack教程(二)——webpack.config.js文件 2017-07-26 16:30:07.393
• nopCommerce 3.9 大波浪系列 之 事件机制（生产者、消费者） 2017-07-26 15:49:39.443
• net.sz.framework 框架 ORM 消消乐超过亿条数据排行榜分析 天王盖地虎 序言 2017-07-26 15:46:52.093
• Vue.js 基本功能了解 2017-07-25 16:59:16.9
• App 组件化/模块化之路——如何封装网络请求框架 2017-07-25 16:44:26.71
• Vue.js之深入浅出 2017-07-25 15:10:36.1
• 谈一款MOBA类游戏《码神联盟》的服务端架构设计与实现（更新优化思路） 2017-07-25 14:27:24.597

程序员不是码农那么简单