javascript - iPhone Google 图像搜索触摸事件功能如何工作?

标签 javascript iphone touch mobile-safari google-apps

当我在 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/

相关文章:

iphone - CLAuthorizationStatus 返回 kCLAuthorizationStatusNotDetermined 尽管被授权

ios - 修复 iPhone/iPad/iPod 上的 CSS 悬停

javascript - 单击容器内部时下拉菜单关闭

JavaScript 模块模式 - 如何在使用对象/函数之前触发构造函数/init 函数?

javascript - 如何找到 'parent'节点的 'this'?

javascript - 由许多数组组成的映射 JSON 对象中的表

ios - 错误ITMS- 90035无效签名

iphone - 如何轮询CoreLocation而不获取更新?

ios - self.nextResponder 与 super for touchesMoved

c# - 带触摸屏的双/多显示器