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”事件发生时，检查这些触摸点之间距离的变化，该值应该给出放大和缩小的量。