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

Question

您好我需要触摸屏事件，其作用为mousewheel DOMMouseScroll 我制作网站像谷歌地图和触摸事件我需要使功能放大和缩小..

需要像这样的图像：

Answer 1

试试这个：

https://github.com/se468/JavascriptGestureHandler

它将根据任何设备执行鼠标和触摸事件。

编辑：

我将按照建议添加更多细节。

在Javascript中，有 ＆＃34; touchstart＆＃34;，＆＃34; touchend＆＃34;，＆＃34; touchcancel＆＃34;，＆＃34; touchleave＆＃34;，＆＃34; touchmove＆＃34;事件

例如， 如果您有这样的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＆gt; = 2。

• e.changedTouches [0] .pageX和e.changedTouches [0] .pageY会给你一根手指的坐标
• e.changedTouches [1] .pageX和e.changedTouches [1] .pageY将在另一根手指上给出坐标。

检查＆＃34; touchmove＆＃34;触摸点之间的距离变化。事件发生，该值应该给出它应该放大和缩小的数量。