jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
通过jquery可以很容易实现CP端的拖拽。但是在移动端却不好用了。在这个demo中一个用三个模块,分别为ajax模块,drag模块,position模块。demo的入口文件是indx.js和前面三个模块文件保存在同一个文件夹中。编码完成后通过webpack打包。开发代码位于app文件夹中,打包后的代码位于build文件夹中。触摸事件有三个,分别是touchstart,touchmove和touchend。在这个事件发生期间取消它的默认,可以组织页面滚动。touchend在手指从屏幕上离开时触发。这三个触摸事件的事件对象除了提供了鼠标事件的常见属性,还包含了下面三个属性: touches:表示当前跟踪的触摸操作的touch对象的数组。 targetTouches:特定于事件目标的Touch对象的数组。所以上面的代码并不能直接在浏览器中运行,需要先打包。
下载地址
用户评论