移动端检测手指滑动做一些事情ontouchstart

<div className='fight' onTouchStart={first} onTouchEnd={fin}>

start可以接受手指第一次接触屏幕的坐标

end获取结束坐标并做一些事情。

const first = (e)=>{

setbad(e.touches[0].clientX);

}

const fin = (e)=>{

if(badgo == 0 && bad-e.changedTouches[0].clientX > 10){

dianTwo()

setbadgo(1)

}else if(badgo == 1 && bad-e.changedTouches[0].clientX > 10){

return

}

else if(badgo == 1 && bad-e.changedTouches[0].clientX < 0){

dianOne()

setbadgo(0)

}

}

可以打印一下e查看里面的方法，changedTouches是他存放坐标的api，但是它是一个数组所以拿的时候要写【0】，貌似是因为有五个手指所以是个数组，大家可以详细看看。