JavaScript 输入框限制输入字符 - 只允许数字、英文、@ 和 .

<input type='text' id='input-box'>
<script>
  var inputBox = document.getElementById('input-box');
  inputBox.addEventListener('keydown', function(event) {
    // 只允许输入数字、英文、@符号和.符号
    var keyCode = event.keyCode;
    if (!((keyCode >= 48 && keyCode <= 57) || // 数字
          (keyCode >= 65 && keyCode <= 90) || // 大写字母
          (keyCode >= 97 && keyCode <= 122) || // 小写字母
          (keyCode === 64) || // @符号
          (keyCode === 46))) { // .符号
      event.preventDefault();
    }
  });

  inputBox.addEventListener('input', function(event) {
    // 过滤非法字符
    var inputText = inputBox.value;
    var filteredText = inputText.replace(/[^0-9a-zA-Z@.]/g, '');
    if (inputText !== filteredText) {
      inputBox.value = filteredText;
    }
  });
</script>