手势操作
本话题发布手势操作相关的问答文章和技术分享，将持续更新，为您推荐了18篇问答，访问即可查看更多精彩内容。
-
1
回答
18浏览
为什么 touchmove 事件在移动端不触发？
我在做一个移动端的滑动组件，监听了 touchstart 和 touchmove，但发现 touchmove 根本没执行，控制台一点输出都没有。 试过给元素加 touch-action: none，也...
-
1
回答
38浏览
移动端手势滑动和点击冲突怎么解决？
我在做一个移动端的图片轮播组件，左右滑动切换图片，同时每张图片也能点击跳转。但经常出现滑动后还触发了点击事件，体验很奇怪。 试过在 touchstart 里记录位置，touchend 判断位移，如果超...
-
2
回答
44浏览
多点触控手势怎么监听 pinch 缩放？
我在做一个移动端图片查看器，想支持双指缩放，但不知道怎么正确监听 pinch 手势。试过 touchstart 和 touchmove，但自己算距离变化很麻烦，而且容易误触发。 看到有些库比如 Ham...
-
1
回答
63浏览
手势滑动时如何实现平滑的跟随动画效果？
我在用 Hammer.js 做一个图片滑动组件，手指拖动时想让图片实时跟着手势位置走，但目前动画很卡顿，感觉不是流畅跟随。 我试过直接在 pan 事件里改 transform: translateX(...
-
2
回答
106浏览
Vue里怎么实现长按事件？touchstart和touchend老是不生效
我在移动端做了一个长按删除的功能，但用 touchstart 和 touchend 总是没反应，是不是我写法有问题？ 试过加 passive: false 也没用，而且在真机上测试有时候会触发 cli...
-
1
回答
42浏览
移动端手势滑动时 touchmove 事件不触发怎么办？
我在做一个移动端的滑动组件，监听了 touchstart 和 touchmove 事件，但发现有时候手指滑动了，touchmove 根本没触发，只触发了 touchstart 和 touchend。我...
-
2
回答
29浏览
React 中如何正确监听双击事件？
我在 React 组件里想给一个 div 加双击事件，但 onDoubleClick 好像没反应，是我写错了吗？ 试过直接绑定 onDoubleClick，也试过用 useRef 手动 addEven...
-
2
回答
31浏览
Hammer.js 手势识别在移动端失效是怎么回事？
我用 Hammer.js 给一个图片查看器加了双指缩放和拖拽功能，在桌面浏览器测试没问题，但一到手机上就完全没反应。查了文档说要调用 touchAction，也试过设成 'none'，还是不行。 我的...
-
2
回答
52浏览
移动端手势滑动时 touchmove 事件为啥不触发？
我在做一个移动端的滑动组件，绑定了 touchstart 和 touchmove 事件，touchstart 能正常触发，但手指滑动时 touchmove 完全没反应，这是为啥？ 试过在 Chrome...
-
2
回答
36浏览
FastClick 引入后点击事件反而变慢了？
我在移动端项目里引入了 FastClick，本来是想解决 300ms 延迟问题，但发现某些按钮点击后响应反而更慢了，甚至有时候要点两次才触发。我用的是 FastClick.attach(documen...
-
2
回答
75浏览
手势缩放动画在触摸结束后自动回弹怎么办？
折腾了一下午移动端手势缩放，用CSS的transform和transition写了个缩放动画。但发现当手指离开屏幕后，元素会自动回弹到原始大小，该怎么让它保持最终状态呢？ 我尝试过在touchend时...
-
2
回答
45浏览
为什么TouchEnd事件在快速滑动后会重复触发？
我在做移动端滑动删除功能时，给元素绑定了touchstart和touchend事件。但发现当手指快速滑动后突然抬起，touchend会触发两次，导致删除逻辑执行两次。代码逻辑看起来没问题，但测试多次还...
-
2
回答
114浏览
移动端手势滑动时点击穿透怎么解决？
在做卡片左右滑动删除功能时，发现手指抬起瞬间会触发下方按钮的点击事件。试过给滑动层加pointer-events: none，但阻止了滑动操作。后来用event.stopPropagation()包裹...
-
2
回答
89浏览
Hammer.js双指缩放时为什么会触发点击事件？
在移动端网页里用Hammer.js给图片绑定了双指缩放和点击事件，但每次缩放结束后总会意外触发点击跳转。试过在缩放事件里用event.stopPropagation()也不行... const mc ...
-
2
回答
49浏览
移动端手势滑动动画卡顿如何优化？
我在用CSS transform实现图片拖拽缩放时，手指滑动动画特别卡顿，尤其是在安卓低版本机型上。尝试过给元素加will-change: transform和用requestAnimationFra...
-
2
回答
85浏览
移动端图片缩放时页面还在滚动，怎么处理手势冲突？
在开发移动端图片缩放功能时遇到个怪问题，用户双指缩放图片的时候，页面本身还在跟着滚动，导致体验特别差。 我用transform: scale()实现缩放，监听了touchstart和touchmove...
-
2
回答
66浏览
移动端捏合缩放手势缩放比例计算不准怎么办？
我在给图片查看器加捏合缩放功能时遇到了问题，用两个手指缩放时比例总是忽大忽小，有时候还会突然跳到奇怪的位置。 尝试用touchstart记录初始触点距离，touchmove计算当前距离差值，然后用tr...
-
2
回答
48浏览
React中如何实现双指捏合缩放图片时保持中心点位置？
在实现图片双指缩放功能时发现，每次捏合缩放后图片位置会偏移，无法保持双指中心点作为缩放中心。比如用户用两根手指缩放时，图片总是以左上角为轴心缩放。 我尝试监听touchstart和touchend事件...
