问答

移动端的 HTML5 页面,如何获取用户触摸滑动的轨迹?

作者:admin 2021-08-11 我要评论

一般的新闻页,有滚动条,用户会有上滑下滑的操作,我想获取用户的滑动轨迹(相对于可视区),应该如何做? ps:用户滑动会有一定的弧度,我想获取整个运动轨迹 ...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

一般的新闻页,有滚动条,用户会有上滑下滑的操作,我想获取用户的滑动轨迹(相对于可视区),应该如何做?

ps:用户滑动会有一定的弧度,我想获取整个运动轨迹

###

用canvas画,运动的时候可以实时获取坐标,canvas根据坐标画出来

###

刮刮卡效果实现

把坐标记录到数组中

image.png

###

这需求有点像识别用户行为反爬。
监听 touchmove 事件,并把事件的 clientXclientY 按顺序记录下来就是轨迹了。
顺便一说,爬虫精们已经想到伪造用户轨迹的法子了,我听说过一些反爬的秘技,但是不能公开了讲,而且也不知道爬虫精有没有对策。

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 移动端的 HTML5 页面,如何获取用户触

    移动端的 HTML5 页面,如何获取用户触

  • where xxx=yyy,yyy为什么,选择全部

    where xxx=yyy,yyy为什么,选择全部

  • 百度翻译为何把2020翻译成2010

    百度翻译为何把2020翻译成2010

  • D3如何做出这样效果或者还有什么别的好

    D3如何做出这样效果或者还有什么别的好

腾讯云代理商
海外云服务器