长按事件在移动端怎么实现才靠谱？
我在做一个移动端的图片预览功能，想实现长按图片弹出保存菜单，但试了 touchstart + setTimeout 的方式，总感觉不太稳定，有时候会和滚动冲突，有时候又触发不了。
我给图片加了点基础样式防止误触，但还是有问题：
.preview-image {
user-select: none;
-webkit-touch-callout: none;
pointer-events: auto;
touch-action: manipulation;
}有没有更可靠的方案？比如用 PointerEvent 或者现成的库？自己手写真的太容易出边界情况了……
- 1
回答
14浏览
移动端滑动手势怎么判断方向和距离？
我在做移动端的图片轮播，想通过 touch 事件实现左右滑动切换。但不知道怎么准确判断用户是向左还是向右滑，而且滑动距离太小的时候不应该触发切换。 我试过记录 touchstart 和 touchen...
- 2
回答
41浏览
AlloyFinger手势识别在移动端滑动时触发两次end事件怎么办？
我在用AlloyFinger实现移动端左右滑动切换页面时，发现onPanEnd事件会被触发两次，导致页面跳转逻辑混乱。代码检查过事件绑定没重复，但问题依然存在： const engine = new ...
- 2
回答
66浏览
移动端左右滑动事件冲突怎么解决？用Hammer.js检测不到Swipe
在移动端页面里用Hammer.js实现侧边栏滑动时，左右滑动经常触发不了Swipe事件，有时候会变成Pan事件。我按文档写了代码： const mc = new Hammer(element); mc...
- 1
回答
8浏览
touchmove 事件在移动端怎么阻止默认滚动？
我在做一个移动端的滑动组件，绑定了 touchmove 事件，但页面还是会跟着上下滚动，体验很糟。 试过在回调里加 e.preventDefault()，但有时候没效果，尤其是在 iOS Safari...
- 1
回答
8浏览
长按手势在移动端怎么实现才不会和点击冲突？
我在做一个移动端的图片列表，想给每个图片加个长按弹出菜单的功能，但发现长按的时候总会先触发 click 事件，体验很奇怪。试过用 touchstart 和 setTimeout 判断时间，但有时候还是...
- 1
回答
23浏览
移动端滑动事件怎么判断方向？
我在做移动端的图片轮播，想通过手指滑动切换图片，但不知道怎么准确判断用户是向左还是向右滑。 试过用 touchstart 和 touchend 记录坐标差，但有时候滑得慢就识别不出来，而且上下滑动也会...
- 2
回答
33浏览
移动端 touch 事件延迟怎么解决？
我在做移动端的按钮点击功能，发现用 click 事件会有明显延迟，大概300ms左右，用户体验很差。听说要用 touch 事件来优化，但我试了 touchstart 又会触发多次，还和滚动冲突。 有没...
- 2
回答
33浏览
Mocha 测试移动端 React 组件时怎么处理触摸事件？
我在用 Mocha + JSDOM 测试一个移动端的 React 滑动组件，但模拟 touchstart 事件根本没反应，控制台也不报错，本地真机调试是正常的。是不是 JSDOM 不支持 TouchE...
- 1
回答
27浏览
移动端捏合缩放手势怎么监听才靠谱？
我在做移动端图片预览功能，想支持双指捏合缩放，但 touchstart 和 touchmove 事件里判断距离变化总是不准，有时候还会和页面滚动冲突。 试过用 event.touches.length...
- 2
回答
32浏览
移动端点击事件在快速点击时偶尔触发两次怎么办？
在移动端列表项上用了click事件，但快速点击时偶尔会触发两次，比如这样： item.addEventListener('click', () => { console.log('被点击了');...
暂无解答