手势识别
本话题发布手势识别相关的问答文章和技术分享，将持续更新，为您推荐了17篇问答，访问即可查看更多精彩内容。
-
1
回答
42浏览
移动端点击手势为什么经常误触发？
我在做一个移动端的卡片组件，想用 touchstart 和 touchend 来模拟点击事件，但经常轻轻滑动一下也会触发点击，体验很差。 试过用时间差和位移判断，但效果不稳定。比如下面这段逻辑： le...
-
1
回答
54浏览
DoubleTap 手势在 React 移动端怎么实现？
我在用 React 开发一个移动端图片预览组件，想实现双击放大功能，但原生不支持 doubletap 事件。我试过用 touchstart 记录时间戳判断两次点击间隔，但经常误触发或者没反应，特别是在...
-
1
回答
24浏览
移动端捏合手势怎么监听才有效？
我在手机网页上想实现图片的捏合缩放，但试了好几种方法都识别不到 pinch 手势。 用 touchstart/touchmove 自己算两指距离变化太卡，而且容易误触。查资料说有些浏览器不支持原生的 ...
-
1
回答
27浏览
Hammer.js 的 swipe 手势在 iOS 上不触发是怎么回事？
我在用 Hammer.js 做一个移动端的滑动切换功能，安卓上 swipe 左右滑都能正常触发，但在 iPhone 上完全没反应，试过加 touch-action: none 也没用。 初始化代码是这...
-
2
回答
67浏览
移动端点击事件为什么有时没反应？
我在用 Vue 开发一个移动端页面，发现有时候快速点击按钮没触发 click 事件，尤其在 iOS Safari 上特别明显。我试过加 cursor: pointer 和绑定 touchstart，但...
-
1
回答
41浏览
移动端捏合手势怎么监听才准确？
我在做一个移动端的图片查看器，想实现双指捏合缩放功能。试了用 touchstart 和 touchmove 监听两个 touch 点的距离变化，但经常误触发，比如滑动时也会被识别成捏合。而且有时候手指...
-
2
回答
19浏览
长按手势在移动端怎么实现才不会和点击冲突？
我在做一个移动端的图片列表，想给每个图片加个长按弹出菜单的功能，但发现长按的时候总会先触发 click 事件，体验很奇怪。试过用 touchstart 和 setTimeout 判断时间，但有时候还是...
-
2
回答
38浏览
DoubleTap 手势在移动端怎么监听才有效？
我在用原生 JS 做一个移动端图片预览功能，想通过双击放大图片，但试了 touchstart 和 click 都没法准确识别双击。网上说要用时间间隔判断，但我写的逻辑好像有冲突。 比如我这样记录两次点...
-
1
回答
62浏览
移动端滑动事件怎么判断方向？
我在做移动端的图片轮播，想通过手指滑动切换图片，但不知道怎么准确判断用户是向左还是向右滑。 试过用 touchstart 和 touchend 记录坐标差，但有时候滑得慢就识别不出来，而且上下滑动也会...
-
1
回答
36浏览
移动端手势冲突时如何处理优先级？
我在做移动端页面，同一个区域既要支持左右滑动切换，又要支持上下滑动滚动，结果两个手势老打架，到底该怎么控制谁先响应啊？ 试过用 touchstart 里 preventDefault() 拦截，但一拦...
-
1
回答
40浏览
移动端捏合缩放手势怎么监听才靠谱？
我在做移动端图片预览功能，想支持双指捏合缩放，但 touchstart 和 touchmove 事件里判断距离变化总是不准，有时候还会和页面滚动冲突。 试过用 event.touches.length...
-
1
回答
36浏览
Pan手势在移动端为啥没反应？
我在用 Hammer.js 做一个滑动删除的功能，绑定了 pan 事件，但在手机上怎么划都没触发。本地开发时 Chrome 模拟器里是好的，真机测试就失效了。 查了文档说要启用 recognizeWi...
-
2
回答
36浏览
移动端双击手势识别如何避免误触？我的实现总被长按干扰
我在开发移动端列表项的双击编辑功能时遇到了问题，用touchend事件记录点击时间间隔，但长按分享功能的定时器总是干扰双击判断，比如快速双击时会同时触发长按事件。 尝试过这样写逻辑： let last...
-
2
回答
63浏览
Vue手势旋转时元素角度计算不准怎么办？
我在用Hammer.js给Vue组件添加旋转手势时遇到了问题。当手指旋转屏幕时，元素虽然跟着动了，但角度总比实际手势偏15-30度左右，有时候还会突然跳转角度。 我按照文档在mounted里初始化了H...
-
2
回答
50浏览
移动端滑动方向检测时为什么上下滑动会误触左右事件？
我在做移动端左右滑动切换卡片的功能时遇到了问题。用了touchstart记录初始坐标，touchend计算dx和dy差值，但有时候上下滑动也会触发左右切换事件。比如看文章时下拉刷新却被切到上一张卡片。...
-
1
回答
69浏览
移动端长按事件和点击事件冲突怎么办？
我在移动端项目里给图片列表加长按删除功能，但发现长按触发的时候会同时触发点击事件。比如用户长按图片想删除，结果页面直接跳转到详情页了。 我用了touchstart设setTimeout，touchen...
-
2
回答
46浏览
AlloyFinger手势识别在移动端滑动时触发两次end事件怎么办？
我在用AlloyFinger实现移动端左右滑动切换页面时，发现onPanEnd事件会被触发两次，导致页面跳转逻辑混乱。代码检查过事件绑定没重复，但问题依然存在： const engine = new ...
