当我在 iPhone 上的 Safari 移动浏览器中进行 Google 图像搜索时,它为我提供了一个用于翻阅图像的漂亮界面。如果我向左或向右滑动,它会浏览图像。如果我触摸并向上或向下移动,我会得到看似原生 Safari 滚动功能。谁能解释一下谷歌是如何做到这一点的?我才刚刚开始学习 Safari API 的触摸事件。似乎要么捕获触摸事件以附加处理程序以向左或向右滑动,要么让 Safari native 处理触摸事件,在这种情况下,您将获得漂亮的 native Safari 滚动。谁能解释一下 Google 如何捕获左/右滑动但不捕获滚动?
最佳答案
有特定于触摸的 DOM 事件。他们围绕它们实现了很多 JavaScript 逻辑。阅读Safari Web Content Guideline: Handling Events Docs另请查看 official spec for Touch Events
不久前,我编写了一个快速库,将一些类似 native 的手势包装为 HTML 事件 JSGestureRecognizer 。我真的不建议在生产中使用该库,但是阅读源代码应该可以让您很好地了解谷歌如何监听 native 触摸事件并使用它们创建复杂的用户界面。
关于javascript - iPhone Google 图像搜索触摸事件功能如何工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9475824/