JSFiddle - React, Tailwind, and code Playground

HTML

<input type="number" id="integer" />

JavaScript

(function () {
var restrictToInteger = function restrictToInteger(e) {
	var acceptableInput = /[0-9]/g,
  		clipboardKeys = /[zxcv]/ig,
  		field = e.key || e.char,
      isClipboardOperation = (clipboardKeys.test(field) && e.ctrlKey),
  		inputIsAcceptable = field ? (acceptableInput.test(field) || field.length > 1 || isClipboardOperation) : true;
  
	if (!inputIsAcceptable) {
  	e.preventDefault();
    return false;
  }
}

document.getElementById("integer").addEventListener('keydown', restrictToInteger);
}());