javascript - 在移动浏览器上缩放或滚动

Question

在桌面浏览器中，我通过标准鼠标滚轮或 DOMMouseScroll 事件检测鼠标滚轮的使用。因此，我可以更改画布（放大一种地图）。

现在我想把这个功能带给我的移动用户：我需要拦截标准的捏缩放手势（不缩放页面）。今天可能吗？是否可以获得手势的中心（用于本地化缩放和取消缩放）？

请注意，它需要在 Android 4.2 的标准浏览器上运行。其他浏览器/设备不在此问题的范围内，这可能会使其更容易。

Answer 1

这似乎固定在 3.0 上。这是一个似乎可以在我的 ICS 平板电脑上运行的测试页面。这是链接测试页面的摘录：

// Touch events seem to work in iOS, Android browser 3.0 and up,
// and various 3rd-party Android browsers, now including FireFox
// (Nightly as of 03-Feb-2012, not enabled by default yet).
eventTarget.addEventListener('touchstart', HandleTouchStart, false);
document.addEventListener('touchmove', HandleTouchMove, false);
document.addEventListener('touchend', HandleTouchEnd, false);
document.addEventListener('touchcancel', HandleTouchCancel, false);

Answer 2

这个问题有一个指向可能有用的库（Hammer.js）的答案：How to detect android pinch zoom in javascript