您的位置:首页 > 移动开发 > 微信开发

微信小程序左右滑动切换页面示例代码--转载

2017-11-03 13:34 1231 查看
微信小程序——左右滑动切换页面事件

微信小程序的左右滑动触屏事件,主要有三个事件:touchstart,touchmove,touchend。

这三个事件最重要的属性是pageX和pageY,表示X,Y坐标。

touchstart在触摸开始时触发事件;
touchend在触摸结束时触发事件;
touchmove触摸的过程中不断激发这个事件;

这三个事件都有一个timeStamp的属性,查看timeStamp属性,可以看到顺序是touchstart => touchmove=> touchmove => ··· =>touchmove =>touchend。

第一步:在wxml文件中绑定事件(需要左右滑动的界面)

第二步:在js文件中处理左右滑动逻辑

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

原文链接:http://www.jb51.net/article/107020.htm
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: