Javascript 触摸屏事件，如鼠标滚轮 DOMMouseScroll

Question

您好，我需要作为mousewheel DOMMouseScroll 工作的触摸屏事件 我制作像谷歌地图这样的网站，并且通过触摸事件我需要制作放大和缩小功能..

需要像这张图片这样的作品：

Answer 1

试试这个：

https://github.com/se468/JavascriptGestureHandler

它会根据设备执行鼠标和触摸事件。

编辑：

在这里，我将按照建议提供更多详细信息。

在 Javascript 中，有 “touchstart”、“touchend”、“touchcancel”、“touchleave”、“touchmove”事件。

例如， 如果你有这样的 DOM 对象：

<div id="target" style="width: 100px; height: 100px; background: #ff0"></div>

在 Javascript 中，您可以按以下方式附加事件（其他事件也是如此）：

$("#target").addEventListener("touchstart",function(e){console.log(e.changedTouches)},false);

所以对于捏缩放，您需要检查函数内部是否 e.changedTouches.length >= 2。

• e.changedTouches[0].pageX 和 e.changedTouches[0].pageY 将为您提供一根手指的坐标
• e.changedTouches[1].pageX 和 e.changedTouches[1].pageY 将给出另一个手指的坐标。

当“touchmove”事件发生时检查这些触摸点之间的距离变化，该值应该给出它应该放大和缩小的量。