移动端点击事件触发两次怎么解决？
我在开发移动端H5页面时遇到个问题，用@touchstart和@click绑定同一个按钮，结果点击时会触发两次点击事件。试过给元素加touch-action: manipulation和用防抖函数，但滑动时误触的情况还是存在。代码大概是这样写的：
<div @touchstart="handleTouch" @click="handleClick">点击我</div>
控制台打印发现handleClick和handleTouch都会被触发。有什么办法能彻底区分点击和滑动操作吗？或者应该用什么事件组合更合适？
- 1
回答
8浏览
移动端点击事件在快速点击时偶尔触发两次怎么办？
在移动端列表项上用了click事件，但快速点击时偶尔会触发两次，比如这样： item.addEventListener('click', () => { console.log('被点击了');...
- 2
回答
58浏览
移动端快速滑动后点击触发多次事件怎么解决？
在开发移动端列表时遇到了奇怪的问题，当用户快速滑动列表后松手，偶尔会触发多余的点击事件。我用touchstart和touchend计算坐标差来模拟点击，但滑动结束时如果手指短暂悬停就会误触。 试过给点...
- 2
回答
23浏览
AlloyFinger手势识别在移动端滑动时触发两次end事件怎么办？
我在用AlloyFinger实现移动端左右滑动切换页面时，发现onPanEnd事件会被触发两次，导致页面跳转逻辑混乱。代码检查过事件绑定没重复，但问题依然存在： const engine = new ...
- 1
回答
123浏览
移动端Touch滑动事件为什么会触发两次点击？
我在移动端用touch事件实现滑动删除功能时，发现快速滑动后总会触发两次click事件，导致逻辑混乱。代码里绑定了touchstart和touchend，还加了防抖处理，但问题依旧： let star...
- 2
回答
15浏览
移动端点击事件300ms延迟怎么彻底解决？
最近在做移动端适配时发现，页面按钮的点击事件有明显延迟，测试工具显示每次点击都有300ms左右的延迟。我尝试过引入FastClick库，但页面加载时控制台报错Cannot read propertie...
- 1
回答
29浏览
移动端长按事件和点击事件冲突怎么办？
我在移动端项目里给图片列表加长按删除功能，但发现长按触发的时候会同时触发点击事件。比如用户长按图片想删除，结果页面直接跳转到详情页了。 我用了touchstart设setTimeout，touchen...
- 1
回答
48浏览
移动端双击事件如何避免误触发并准确识别快速双击？
我在开发一个移动端图片查看器时，想用双击缩放功能，但发现双击事件经常被误触发——比如快速点击两次会被识别成一次双击，或者明明间隔0.5秒以上还是触发了。试过用setTimeout记录第一次点击时间，但...
- 2
回答
43浏览
Taro UI组件的点击事件在小程序端不触发，怎么解决？
我用Taro开发小程序时，用的Taro.Button组件绑定了点击事件，但在真机调试时点击没反应。H5端能正常触发，小程序端控制台也没报错。代码是这样的： import Taro from '...
- 2
回答
103浏览
移动端触摸事件有300ms延迟怎么解决？
我正在给移动端网页加点击反馈，发现用ontouchend事件触发按钮高亮时，总要等半秒才生效。试过设置-webkit-tap-highlight-color透明也没用，代码如下： element.on...
- 1
回答
74浏览
移动端手势滑动时点击穿透怎么解决？
在做卡片左右滑动删除功能时，发现手指抬起瞬间会触发下方按钮的点击事件。试过给滑动层加pointer-events: none，但阻止了滑动操作。后来用event.stopPropagation()包裹...
HTML这边调整一下：
<div @touchstart="handleTouchStart" @touchmove="handleTouchMove" @click="handleClick">点击我</div>
这样滑动就不会误触发点击事件了，简单粗暴有效。