获取clientX和clientY

视图

<template>
	<view>
        <view class="quanping" @touchstart="startMove" @touchend="endMove">
            <video class="videoo" :src="tvLink" controls="true" :poster="tvImg" autoplay="true">
            </video>	
        </view>
	</view>
</template>

js

methods: {
    startMove (e) {
        this.startData.clientX=e.changedTouches[0].clientX;
        this.startData.clientY=e.changedTouches[0].clientY;
        //console.log('点击:'+this.startData.clientX)
    },
    endMove (e) {
         //console.log('抬起手指:'+e.changedTouches[0].clientX) 
         const subX=e.changedTouches[0].clientX - this.startData.clientX;	// 抬起时的坐标-点击时的坐标
        const subY=e.changedTouches[0].clientY - this.startData.clientY;	// 抬起时的坐标-点击时的坐标
        
        if(subX > 50){
        	console.log('左滑')
        }
        if(subX < -50){
        	console.log('右滑')
        }
        if(subY > 50){
        	console.log('上滑')
        }
        if(subY < -50){
        	console.log('下滑')
        }
    }
}

给TA买糖
共{{data.count}}人
人已赞赏
uniapp

真机报错request:fail abort

2020-6-27 11:20:02

uniapp

唤醒高德并自动导航

2020-7-14 16:22:45

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索