如何强制输入html元素仅显示最后输入的字符

<input type="text" id="inputElement" />

<script>
  const inputElement = document.getElementById('inputElement');

  inputElement.addEventListener('input', function() {
    // 在输入元素的输入事件中执行以下代码
    const inputValue = inputElement.value;
    const lastCharacter = inputValue.substr(-1); // 获取最后一个字符
    inputElement.value = lastCharacter; // 更新输入元素的值为最后一个字符
  });
</script>