Maska:简单、零依赖的 Input Mask 库
Maska 是一个简单的零依赖输入掩码,适用于 JS、Vue、Svelete 和 Alpine.js。假设你想屏蔽电话号码格式;可以使用以下 HTML 按照 +1 ### ###-#### 格式格式化电话号码
<details>
<summary>Phone mask</summary>
<input class="maska" data-maska="+1 ### ###-####" placeholder="+1 999 999-99-99">
</details>
用户输入电话号码后,将会按照按照提供的格式对其进行格式化:
Maska 已整合了多个流行的 JavaScript 库,并且它也易于单独使用或与你想要的任何框架集成:
- 无依赖且体积小: 压缩后大约 ~3 Kb
- Vanilla JS 版本 + Vue 2/3、Alpine.js 及 Svelte 集成
- 可与原生或者自定义输入框配合使用
- 自定义 token 且带有修饰符,转换函数及钩子
- 号码遮罩模式:易于对金额进行格式化
- 动态、反转及 eager 的遮罩
Github 源码查看:beholdr/maska.