像一个鼠标滚轮DOMMouseScroll

Question

的Javascript触摸屏事件

您好，我需要触摸屏事件，这可以作为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”事件发生时这些触摸点之间的距离变化，该值应该给出它应该放大和缩小的量。