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

Javascript触摸屏事件,如鼠标滚轮DOMMouseScroll,javascript,ipad,touch,tablet,touchscreen,Javascript,Ipad,Touch,Tablet,Touchscreen,您好,我需要触摸屏事件,它可以作为鼠标滚轮 我正在制作像谷歌地图这样的网站,我需要使用触摸事件来制作放大和缩小功能 Need的工作原理如下所示: 试试这个: 它将根据任何设备同时执行鼠标和触摸事件 编辑: 在这里,我将按照建议提供更多细节 在Javascript中,有 touchstart、touchend、touchcancel、touchleave、touchmove事件 比如说,, 如果您有这样一个DOM对象: <div id="target" style="width: 100px

您好,我需要触摸屏事件,它可以作为鼠标滚轮 我正在制作像谷歌地图这样的网站,我需要使用触摸事件来制作放大和缩小功能

Need的工作原理如下所示:

试试这个:

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

编辑:

在这里,我将按照建议提供更多细节

在Javascript中,有 touchstart、touchend、touchcancel、touchleave、touchmove事件

比如说,, 如果您有这样一个DOM对象:

<div id="target" style="width: 100px; height: 100px; background: #ff0"></div>
因此,对于收缩缩放,您需要检查函数内的e.changedtouchs.length>=2

e、 changedTouches[0]。pageX和e.changedTouches[0]。pageY将为您提供一个手指的坐标 e、 changedTouches[1]。pageX和e.changedTouches[1]。pageY将给出另一个手指的坐标。
当touchmove事件发生时,检查这些接触点之间的距离变化,该值应给出其应放大和缩小的量。

即使该链接上的答案有助于将解决方案的关键部分移动到此页面。看看
$("#target").addEventListener("touchstart",function(e){console.log(e.changedTouches)},false);