js限制文本框输入字数

<input type="text" id="myInput" maxlength="10">

<input type="text" id="myInput">
<script>
  const inputElement = document.getElementById('myInput');
  inputElement.addEventListener('input', function() {
    if (this.value.length > 10) {
      this.value = this.value.slice(0, 10);
    }
  });
</script>

<input type="text" id="myInput">
<script>
  const inputElement = document.getElementById('myInput');
  inputElement.addEventListener('input', function() {
    this.value = this.value.replace(/(.{10}).*/, '$1');
  });
</script>

inputElement.addEventListener('input', function() {
  if (this.value.length > 10) {
    const start = this.selectionStart;
    const end = this.selectionEnd;
    this.value = this.value.slice(0, 10);
    this.setSelectionRange(start, end);
  }
});

inputElement.addEventListener('input', function() {
  const sanitizedValue = this.value.replace(/[^a-zA-Z0-9]/g, '');
  if (sanitizedValue.length > 10) {
    this.value = sanitizedValue.slice(0, 10);
  }
});