restrict Keyboard Input

restrict-keyboard-input.js

$('#my-input').addEventListener('keydown', restrictKeyboardInput);
$('#my-input').addEventListener('paste', restrictKeyboardInput);

function restrictKeyboardInput(event) {
  if (event.type === 'keydown' && !event.key.match(/^[a-zA-Z0-9-_\ .]$/)) {
    if (event.keyCode === 8 || event.keyCode === 46 || event.keyCode === 9) {
      // Allow backspace, delete and Tab key
    } else if (event.keyCode >= 37 && event.keyCode <= 40) { 
      // Allow left, right, up and down arrows
    } else {
      console.error('keyboard input not allowed', event.key);
      event.preventDefault();
      return false;
    }
  } else if (event.type === 'paste') {
    const text = (event.originalEvent || event).clipboardData.getData('text/plain');
    if (!text.match(/^[a-zA-Z0-9-_\ .]+$/)) {
      console.error('paste not allowed', text);
      event.preventDefault();
      return false;
    }
  }
}