12、打造交互式图像查看器：触摸与手势事件的应用

打造交互式图像查看器：触摸与手势事件的应用

1. 触摸与手势事件基础

在移动应用开发中，触摸和手势事件是提升用户交互体验的重要部分。常见的触摸事件包括滑动（swipe），它有不同的方向，如向左滑动（swipeleft）和向右滑动（swiperight）。例如，要对一个 div 元素的点击事件做出反应，可以使用如下代码：

$('#mydiv').tap(function(){...})

手势事件则提供了一种简单的方式来接收双指手势的通知。有三种手势事件处理程序：
- gesturestart ：双指手势开始时触发。
- gesturechange ：双指手势进行时触发。
- gestureend ：双指手势结束时触发。

要监听这些事件，可以在 HTML 元素上使用 ongestureevent 函数，示例如下：

document.getElementById('mydiv').ongesturestart(function(e){...})

这些处理程序会接收一个事件对象，该对象包含标准的触摸属性，此外，触摸事件还包括以下便利属性：
| 属性 | 描述 |
| ---- | ---- |
| scale | 该属性