点击速度过快会导致 iOS 设备上跳过点击事件

发布于 2025-01-19 16:45:07 字数 932 浏览 1 评论 0原文

我正在开发一个需要使用VUE准确,快捷地检测触摸(或称为TAP)事件的应用程序。

但是,我发现,对于我的所有iOS设备,敲击非常快速的导致缺少点击,如下面提供的GIF所示(甚至是错误地触发了我的iPhone 13 Mini的最后一次触摸事件,不知道为什么)。

CODESANDBOX也提供下面,您可以使用自己的iOS设备尝试。

有人有解决方案吗?非常感谢!

codesandbox: https://7l45pm.csb.app/

iPhone 13 Mini带有ios版本15.1.1.1.1.1.1.1.1.1.1.1.1

iPhone 12 Pro,带有iOS版本14.4

PS

  • 我的Android 12 Pixel 4a没有遇到
  • 我在iOS设备上在Chrome和Safari浏览器上测试过的这个问题,都遇到了
  • 我尝试了光标的问题:Pointer CSS:Pointer CSS,更改为使用本机按钮DOM ,消除移动野生动物园中单击事件的300ms延迟的方法,但没人能运气。

I am developing an application that needs to detect the touch(or called tap) event precisely and fastly using Vue.

However, I found that for all of my iOS devices, tapping really fast causes missing tap as shown in the gifs that provided below (even wrongly last touch event is triggered for my iPhone 13 mini, no idea why).

CodeSandbox is also provided below and you guys can try it on your own iOS devices.

Anyone have a solution on it? Great Thanks!

CodeSandBox: https://7l45pm.csb.app/

iPhone 13 mini with iOS version 15.1.1
enter image description here

iPhone 12 Pro with iOS version 14.4
enter image description here

P.S.

  • My android 12 pixel 4a didn’t get this problem
  • I tested on both Chrome and Safari browser on my iOS devices, both occuring this problem
  • I tried cursor: pointer css, changed to use native button DOM, ways to eliminate 300ms delay on click events in mobile Safari, but no one get luck.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文