Untitled

<!DOCTYPE html>
<html>

<head>
  <script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
  <script type="text/javascript" src="https://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>
</head>

<body>
  <input id="input" />
  <script>
    $(document).ready(function() {
      $("#input").mask("Z9,999,999.00", {
        reverse: true,
        translation: {
          '0': {
            pattern: /\d/
          },
          '9': {
            pattern: /\d/,
            optional: true
          },
          'Z': {
            pattern: /[\-\+]/,
            optional: true
          }
        }

      });

      $('#input').on("keyup", function() {
        setCaretPosition(this, 0);
      });

    });

    function setCaretPosition(elem, caretPos) {
      
      if (elem != null) {
        if (elem.createTextRange) {
          var range = elem.createTextRange();
          range.move('character', caretPos);
          range.select();
        } else {
          if (elem.selectionStart) {
            elem.focus();
            elem.setSelectionRange(caretPos, caretPos);
          } else
            elem.focus();
        }
      }
    }
  </script>
</body>

</html>