JSFiddle - React, Tailwind, and code Playground

by Rapha Souza

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.10/jquery.mask.js"></script>
<input class="cpfOuCnpj" type="text" id="filterCPFCNPJFavorecido">

JavaScript

var options = {
    onKeyPress: function (cpf, ev, el, op) {
        var masks = ['000.000.000-000', '00.000.000/0000-00'];
        $('#filterCPFCNPJFavorecido').mask((cpf.length > 14) ? masks[1] : masks[0], op);
    }
}

$('#filterCPFCNPJFavorecido').length > 11 ? $('#filterCPFCNPJFavorecido').mask('00.000.000/0000-00', options) : $('#filterCPFCNPJFavorecido').mask('000.000.000-00#', options);