如何在文本输入中只插入字符？

// 获取文本输入框的引用或标识符
const input = document.getElementById('myInput');

// 监听文本输入框的输入事件
input.addEventListener('keydown', (event) => {
  // 获取输入的字符
  const char = event.key;

  // 判断输入的字符是否符合要求，例如只允许插入字母和数字
  if (/^[a-zA-Z0-9]$/.test(char)) {
    // 获取光标位置
    const selectionStart = input.selectionStart;
    const selectionEnd = input.selectionEnd;

    // 将字符插入到光标位置
    const value = input.value;
    const newValue = value.slice(0, selectionStart) + char + value.slice(selectionEnd);

    // 更新文本输入框的值
    input.value = newValue;

    // 更新光标位置
    input.selectionStart = input.selectionEnd = selectionStart + 1;

    // 阻止默认的输入行为
    event.preventDefault();
  }
});