Hay que **hacerlo en dos partes**. Primero limpiar el número y después darle el formato Monetario.
<br><br>EL segundo [repleace][1] que aplicas al punto(.) no tiene razón de ser cuando puedes agregar la regla desde el principio. Añadí un menos(-) [en las reglas RegExp
][2] para que valide valores negativos.
<br><br>Para este caso es más eficiente [el evento change del input.][3]


<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    $('.decimales').on('change', function () {
      this.value = maskDinero(unmaskDinero(this.value));
    });

    function unmaskDinero(numeroString) {
        return +(numeroString.replace(/[^0-9.-]+/g,""));
    }
    function maskDinero(numeroInt) {
        return "$" + parseFloat(numeroInt).toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
    }

<!-- language: lang-html -->

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <input type="text" class="decimales">

<!-- end snippet -->


  [1]: https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/String/replace
  [2]: https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/RegExp
  [3]: https://www.w3schools.com/js/js_events.asp