龙岩做网站公司有哪些_销售的三个核心点_搜索引擎优化案例_数字化营销

uniapp下的手势事件

实现了上滑下滑左滑右滑的事件识别

定义returntouchStartX: 0, // 触屏起始点x  touchStartY: 0, // 触屏起始点y 
绑定事件
<view @touchstart="touchStart" @touchend="touchEnd">方法代码
/*** 触摸开始  **/touchStart(e) {console.log("触摸开始")this.touchStartX = e.touches[0].clientX;this.touchStartY = e.touches[0].clientY;},/**  * 触摸结束  **/touchEnd(e) {let _this = this;console.log("触摸结束")let deltaX = e.changedTouches[0].clientX - this.touchStartX;let deltaY = e.changedTouches[0].clientY - this.touchStartY;if (Math.abs(deltaX) > 50 && Math.abs(deltaX) > Math.abs(deltaY)) {if (deltaX >= 0) {console.log("左滑")} else {console.log("右滑")}} else if (Math.abs(deltaY) > 50 && Math.abs(deltaX) < Math.abs(deltaY)) {if (deltaY < 0) {console.log("上滑")} else {console.log("下滑")}} else {console.log("可能是误触！")}},