Javascript 像鼠标滚轮 DOMMouseScroll 这样的触摸屏事件
Javascript touchscreen event like a mousewheel DOMMouseScroll
你好，我需要触摸屏事件作为 mousewheel DOMMouseScroll
我正在制作 google 地图之类的网站，我需要使用触摸事件来放大和缩小功能..
需要这样的作品：
试试这个：
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" 事件发生时这些触摸点之间的距离变化，该值应该给出它应该放大和缩小的量。
你好，我需要触摸屏事件作为 mousewheel DOMMouseScroll
我正在制作 google 地图之类的网站，我需要使用触摸事件来放大和缩小功能..
需要这样的作品：
试试这个：
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" 事件发生时这些触摸点之间的距离变化，该值应该给出它应该放大和缩小的量。