方法一,在标签内添加标签使页面禁止缩放(当然你强制缩放还是可以进行缩放操作的)
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
方法二,用zepto.js!也可以实现
官网是这个zepto.js官网
先下载这个zepto
或者直接在github提供的下载地址
先下载zepto.js
下载touch.js
下载好
根据路径引入就可以了
<script src="./zepto.js"></script>
<script src="./zepto.touch.js"></script>
jq用于pc端
zepto用于移动端
如果你会用jq,那么你也会用zepto。两者使用方法差不多
下面的图是在touch.js最下面截的
touch里面封装的事件
swipe:滑动
swipeLeft:左滑
swipeRight:右滑
swipeUp:上滑
swipeDown:下滑
doubleTap:双击
tap:单击 (jq则是click)
singleTap:单击(这个也是单击singleTap和tap的区别可以查看这篇文章点击查看)
longTap:长按
方法三
。。。。。(肯定还有其他的方法,这边没有记录)
仅用于记录自己在工作中遇到的问题
如有错误请多指教,谢谢!