{"id":18938238,"url":"https://github.com/wechat-miniprogram/miniprogram-gesture","last_synced_at":"2025-04-15T19:30:22.285Z","repository":{"id":56056390,"uuid":"274579220","full_name":"wechat-miniprogram/miniprogram-gesture","owner":"wechat-miniprogram","description":"微信小程序手势库","archived":false,"fork":false,"pushed_at":"2020-11-30T09:12:48.000Z","size":30,"stargazers_count":43,"open_issues_count":0,"forks_count":4,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-29T01:06:40.659Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wechat-miniprogram.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-06-24T05:02:27.000Z","updated_at":"2025-01-02T07:28:19.000Z","dependencies_parsed_at":"2022-08-15T12:20:30.873Z","dependency_job_id":null,"html_url":"https://github.com/wechat-miniprogram/miniprogram-gesture","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wechat-miniprogram%2Fminiprogram-gesture","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wechat-miniprogram%2Fminiprogram-gesture/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wechat-miniprogram%2Fminiprogram-gesture/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wechat-miniprogram%2Fminiprogram-gesture/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wechat-miniprogram","download_url":"https://codeload.github.com/wechat-miniprogram/miniprogram-gesture/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249138493,"owners_count":21218897,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-08T12:13:52.483Z","updated_at":"2025-04-15T19:30:21.986Z","avatar_url":"https://github.com/wechat-miniprogram.png","language":"JavaScript","readme":"# Wechat MiniProgram Gesture Library (微信小程序手势库)\n\n这个手势库可以使微信小程序拥有识别手势的能力。本代码部分参考自 [AlloyFinger](https://github.com/AlloyTeam/AlloyFinger)。\n\n## 使用方法\n\n1.  在小程序的目录下依次执行 `npm init -y`, `npm i miniprogram-gesture`\n2.  小程序开启 `使用 npm 模块` 开关\n3.  在开发者工具上，点击 `工具`， `构建 npm`\n4.  即可使用，使用方法参考 demo\n\n## 注意事项\n\n1.  本事件可以利用 `WXS` 在 `渲染层` 触发，如果回调函数，只是修改 `WebView` 的 `CSS` 属性、 `DOM` 属性，建议采取此种触发方式，性能较高；也可以在 Service 层 (逻辑层) 触发。\n2.  下面说明所描述的时间可能不准确，因为计时是 setTimeout 实现的\n\n## demo\n\n`/example` 文件夹下有 Demo ，敬请体验\n\n## 事件解释\n\n-   `touchStart` 触摸开始 （手指数不限）\n-   `touchMove` 触摸移动 （手指数不限）\n-   `touchEnd` 触摸结束 （手指数不限）\n-   `touchCancel` 触摸取消 （手指数不限）\n\n-   `multipointStart` 多指点按开始\n-   `multipointEnd` 多指点按结束\n\n-   `longTap` 长按 750ms 以上\n-   `pinch` 双指捏合\n-   `rotate` 双指旋转\n-   `twoFingerPressMove` 双指移动\n-   `pressMove` 单指点按移动\n-   `swipe` 滑动\n-   `tap` 点击\n-   `doubleTap` 250 ms 内连续敲击两次\n-   `singleTap` 敲击一次\n\n\n## 使用方法\n\n使用 `\u003cgesture\u003e\u003c/gesture\u003e` 包裹要识别的组件，然后 `bind***` 即可\n\n## 属性\n\n-   propagation：`touchstart`, `touchmove`, `touchend` 是否事件向上冒泡到父节点，`Boolean` 类型，默认为 `true`\n\n-   requireFailure：同时绑定 `singleTap`, `doubleTap` 的时候，当用户触发 `doubleTap`事件，是否会同时触发 `singleTap`，这个概念和 iOS 设备的 `require(toFail:)` 概念一致，`Boolean` 类型，默认为 `true`","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwechat-miniprogram%2Fminiprogram-gesture","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwechat-miniprogram%2Fminiprogram-gesture","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwechat-miniprogram%2Fminiprogram-gesture/lists"}