beholdr/maska
无依赖的输入框掩码库，支持 Vue、Svelte、Alpine.js 与原生 JS，压缩后约 3 KB。
- Star
- 2,021
- Fork
- 78
- 未关闭 Issue
- 6
- 最近提交
- 23天前
这是什么？
Maska 可以在用户输入时按照指定格式对文本框进行实时格式化，常用于电话号码、日期、银行卡号等场景。它不依赖任何第三方库，体积很小，既可以在原生 JavaScript 中直接使用，也提供 Vue 2/3、Alpine.js 和 Svelte 的集成。
掩码支持自定义字符规则，可配置修饰符、转换函数和钩子，并支持动态掩码、反向掩码以及在输入前即显示固定字符的 eager 掩码。它既能用于原生 input，也能用于自定义输入组件。
项目还提供数字模式，便于实现金额格式化。3.0 版本新增了 Alpine.js 与 Svelte 集成、数字模式以及更简洁的指令写法。
核心功能
- 01无依赖，压缩后约 3 KB
- 02提供 Vue 2/3、Alpine.js、Svelte 集成及原生 JS 用法
- 03兼容原生输入框和自定义输入组件
- 04支持带修饰符、转换函数和钩子的自定义字符规则
- 05数字模式，便于金额格式化
- 06支持动态、反向和 eager 掩码
适用场景
- 在 Vue 表单中格式化电话号码或日期
- 为结算页面的金额输入框添加千分位等数字格式
- 在 Alpine.js 或 Svelte 应用中无额外依赖地使用固定格式掩码
标签
常见问题
- maska 是什么？
- 无依赖的输入框掩码库，支持 Vue、Svelte、Alpine.js 与原生 JS，压缩后约 3 KB。 Maska 可以在用户输入时按照指定格式对文本框进行实时格式化，常用于电话号码、日期、银行卡号等场景。它不依赖任何第三方库，体积很小，既可以在原生 JavaScript 中直接使用，也提供 Vue 2/3、Alpine.js 和 Svelte 的集成。
- maska 可以免费使用吗？用的什么许可证？
- maska 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
- maska 还在维护吗？
- 活跃维护中。maska 最近一次提交是在 2026年9月29日。
- maska 适合用来做什么？
- 在 Vue 表单中格式化电话号码或日期 为结算页面的金额输入框添加千分位等数字格式 在 Alpine.js 或 Svelte 应用中无额外依赖地使用固定格式掩码
- 在哪里获取 maska？
- 源代码和安装说明在 GitHub 上：https://github.com/beholdr/maska
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
面向 Web 应用的异步状态管理与数据获取库，支持 React、Vue、Svelte 和 Solid。
5万4215TypeScriptMIT更新于 7小时前
无头（headless）表格库，支持排序、过滤、分组和分页，可完全自定义 UI，适配 React、Vue、Solid、Svelte 等框架。
2.9万3589TypeScriptMIT更新于 昨天
一套免费、MIT 许可的 6200 多个 SVG 图标，提供 React、Vue、Svelte 等多框架组件包。
2.2万1248JavaScriptMIT更新于 前天
一个现代、轻量的网页拖放工具包，核心与框架无关，并提供 React、Vue、Svelte、SolidJS 适配层。
1.8万928TypeScriptMIT更新于 7天前