手势

当用户在某个元素上触发某个手势交互动作时,对应的手势事件就会被触发。

gesture event

Kraken 在 GestureEvent 上进行扩展,增加不同手势的一些参数:

  • state: 连续手势的一些状态,down、move、up。
  • direction: 方向,left、right、up、down。
  • deltaX: X 轴移动的坐标。
  • deltaY: Y 轴移动的坐标。
  • velocityX: X 轴移动速度。
  • velocityY: Y 轴移动速度。
  • scale: 放大或缩小的比例。
  • rotation: 角度。

swipe

当用户在某个元素上触发轻扫操作时会触发。

示例:

  1. const element = document.createElement('div');
  2. element.addEventListener('swipe', function(event) {
  3. // ...
  4. });

pan

当用户在某个元素上触发滑动操作时会触发。

示例:

  1. const element = document.createElement('div');
  2. element.addEventListener('pan', function(event) {
  3. // ...
  4. });

longpress

当用户在某个元素上触发长按操作时会触发。

示例:

  1. const element = document.createElement('div');
  2. element.addEventListener('longpress', function(event) {
  3. // ...
  4. });

scale

当用户在某个元素上触发缩放操作时会触发。

示例:

  1. const element = document.createElement('div');
  2. element.addEventListener('scale', function(event) {
  3. // ...
  4. });