# @andxor/jquery-ui-touch-punch-fix 中文文档

规范地址：https://npmcn.com/package/%40andxor/jquery-ui-touch-punch-fix/

版本：1\.0\.2
npm 元数据更新时间：2022-04-04T14:04:28.213Z
中文译文更新时间：2026-11-06T22:40:09.858Z
软件包许可：\(MIT OR GPL-2\.0\)

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40andxor/jquery-ui-touch-punch-fix
原文对照：https://npmcn.com/package/%40andxor/jquery-ui-touch-punch-fix/?lang=original
项目主页：https://github.com/andxor/jquery-ui-touch-punch#readme
源码仓库：https://github.com/andxor/jquery-ui-touch-punch

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：8.6 kB，3 个文件
- 模块格式：CommonJS
- TypeScript 类型：未声明
- 运行依赖：1 个
- 首次发布：2019-10-03T09:26:19.530Z
- 最新版本发布：2019-10-03T09:40:55.379Z
- 近 30 天下载量：2240（2026-10-06 至 2026-11-04，npm 官方下载统计）
- 已发布版本数：2（近 12 个月 0 个）

## 中文简介

触摸事件支持 jQuery UI + 检测修正

## 安装

```sh
npm install @andxor/jquery-ui-touch-punch-fix
```

也可以使用：`pnpm add @andxor/jquery-ui-touch-punch-fix`、`yarn add @andxor/jquery-ui-touch-punch-fix`、`bun add @andxor/jquery-ui-touch-punch-fix`

## README

# j 查询用户界面触摸出击

## 触摸事件支持 jQuery UI

> **jQuery UI Touch Punch是一个小黑客,可以使用jQuery UI用户界面库在站点上使用触摸事件.**

_[访问Touch Punch官方网站](http://touchpunch.furf.com/)。 。 。 ._

目前, [j 查询用户界面](http://jqueryui.com/) 用户界面库不支持在其部件和交互中使用触摸事件。 这意味着您在桌面浏览器中设计和测试的浮出水面的 UI 将会在大多数甚至全部的可触摸移动设备上失败, becuase jQuery UI 将会收听鼠标事件——mouseover, mousemove and mouseout—— 不是触摸事件—— touch start, touchmove and touchend.

这就是JQuery UI Touch Punch进入的地方. 触摸 Punch 通过使用 [模拟事件](https://developer.mozilla.org/en/DOM/document.createEvent) 到地图 [触摸事件](http://www.html5rocks.com/en/mobile/touch/) 到他们的鼠标事件模拟。 简单地将脚本包含在您的页面上, 您的触摸事件将变为相应的鼠标事件, JQuery UI 将按预期响应 .

正如我所说 触摸拳是个黑客 这个 [鸭子出击](http://en.wikipedia.org/wiki/Monkey_patch) 一些jQuery UI的核心功能处理触摸事件的映射. Touch Punch 与 jQuery UI 的相互作用和部件的所有基本执行配合. 但是,你可能会发现更复杂的 触摸扑克失败。 如果是,请向下滚动以学习如何归档和(或)解决问题.

这个代码在麻省理工学院或GPL版本2许可下获得双重许可,因此可以自由使用、修改和/或分发,但如果将Touch Punch纳入其他软件包或插件中,请包括原软件的归属和链接 [此触摸冲锋网站](http://touchpunch.furf.com/)。 。 。 .

## 使用"触摸出击"就像1,2..

只需遵循这些简单的步骤, 在您的 jQuery UI app 中启用触摸事件 :

1.  在您的页面中包含 jQuery 和 jQuery UI .
    
    ```html
    <script src="http://code.jquery.com/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.8.17/jquery-ui.min.js"></script>
    ```
    
2.  在 jQuery UI 之后及其首次使用之前包含触摸 Punch .
    
    请注意,如果您正在使用 jQuery UI 的组件, 触摸 Punch 必须包含在 jquery.ui.mouse.js 之后.
    
    ```html
    <script src="jquery.ui.touch-punch.min.js"></script>
    ```
    
3.  没有3个。 只要按预期使用 jQuery UI 并看它的工作 在手指的触摸.
    
    ```html
    <script>$('#widget').draggable();</script>
    ```
    

_在iPad,iPhone,Android等触控移动设备上被测试._

## 常见问题

### @andxor/jquery-ui-touch-punch-fix 是什么？

触摸事件支持 jQuery UI \+ 检测修正

### 如何安装 @andxor/jquery-ui-touch-punch-fix？

在项目目录运行 npm install @andxor/jquery-ui-touch-punch-fix，或使用 pnpm add / yarn add / bun add。

### @andxor/jquery-ui-touch-punch-fix 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/andxor\_\_jquery-ui-touch-punch-fix 是否存在。

### @andxor/jquery-ui-touch-punch-fix 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @andxor/jquery-ui-touch-punch-fix 可以商用吗？

@andxor/jquery-ui-touch-punch-fix 使用 \(MIT OR GPL-2\.0\) 许可。可在 MIT、GPL-2\.0 中任选其一遵守。选择 MIT 时，宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @andxor/jquery-ui-touch-punch-fix 的下载量有多少？

根据 npm 官方下载统计，@andxor/jquery-ui-touch-punch-fix 在 2026/10/06 – 2026/11/04 这 30 天内被下载 2,240 次，日均约 75 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @andxor/jquery-ui-touch-punch-fix 还在维护吗？

最新版本 1\.0\.2 发布于 2019/10/03（7 年前）；至今共发布 2 个版本，其中过去 12 个月发布了 0 个；首次发布于 2019/10/03。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。