The simple and tiny script for input mask.

$ npm i @tadashi/mask

The mask can be set via the data-mask attribute:

<input id="telefone" type="text" data-mask="(99) 9-9999-9999">

<script type="module">
	import Mask from 'https://unpkg.com/@tadashi/mask@{version}/src/mask.js'

	const maskTelefone = new Mask(document.querySelector('#telefone'))
</script>

Or via the mask option, using npm:

import Mask from '@tadashi/mask'

const mask = new Mask(input, { mask: 'SSS-9999', init: true })

The mask option also accepts an array of patterns — it switches to the second pattern when the value outgrows the first (e.g. CPF → CNPJ):

const mask = new Mask(input, {
	mask: ['999.999.999-99', '99.999.999/9999-99'],
})

Or a function that receives the input element and returns the pattern:

const mask = new Mask(input, {
	mask: (el) => (el.value.replaceAll(/\D/g, '').length > 11 ? '99.999.999/9999-99' : '999.999.999-99'),
})

See more examples here: https://codepen.io/lagden/pen/XzLYJE?editors=1010

• Mask.core(value, mask) — masks a string and returns the result. Works without the DOM (Node.js included).
• Mask.data(input) — returns the Mask instance bound to the input, or null.
• Mask.masking(value, mask) — deprecated alias of Mask.core.

Mask.core('ABC12', 'SSS-9999') // => 'ABC-12'

• getUnmasked() — returns the input value without the mask literals.
• destroy() — removes listeners, unbinds the instance and restores the unmasked value.

• BTC: bc1q7famhuj5f25n6qvlm3sssnymk2qpxrfwpyq7g4

MIT © Thiago Lagden