yox-finger

AlloyFinger wrapper for yox.js

Usage no npm install needed!

<script type="module">
  import yoxFinger from 'https://cdn.skypack.dev/yox-finger';
</script>

README

yox-finger

基于 AlloyFinger，实现超小的手势库。

yox-finger 没有 yox-touch 强大，比如鼠标点击不会触发 tap 事件。

如果完全不考虑网页出现在 PC 场景，建议使用此库，而不是 yox-touch。

Install

NPM

npm install yox
npm install yox-finger

import Yox from 'yox'
import YoxFinger from 'yox-finger'
Yox.use(YoxFinger)

CDN

<script src="https://unpkg.com/alloyfinger@latest"></script>
<script src="https://unpkg.com/yox@latest"></script>
<script src="https://unpkg.com/yox-finger@latest"></script>
<script>
  Yox.use(YoxFinger)
</script>

Usage

{
  methods: {
    tap: function () {

    },
    pinch: function () {

    },
    longTap: function () {

    }
  }
}

<div>
  <button on-tap="tap()">
    Tap
  </button>
  <button on-pinch="pinch()">
    Pinch
  </button>
  <button on-long-tap="longTap()">
    Long Tap
  </button>
</div>