JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.js"></script>

<input type="text" id="amount" />
<ul id="logs">
</ul>

<script>
	function log(text) {
	  $('#logs').append($('<li>').text(text))
  }
	
	$('#amount')
    .mask(
      '#.##0,00',
      {
        reverse: true,
        onChange: (value) => log(value)
      }
    )
    .on('blur', () => log('blur'))
    .on('focus', () => log('focus')) 
</script>