input限制字节数

如果要限制 input 输入框中的字节数，可以通过以下步骤实现：

1. 获取 input 输入框中的 value 值。
2. 将 value 值转换为字节数组，可以使用 `encode()` 方法将字符串编码为字节序列。
3. 判断字节数组的长度是否超过了限制的字节数。
4. 如果超过了限制字节数，可以通过 `slice()` 方法截取前面的部分字节数组作为新的值，并将新值设置为 input 输入框的 value 值。

以下是一个示例代码：

const input = document.querySelector('#myInput');
const maxLength = 25; // 限制的字节数

input.addEventListener('input', () => {
  const value = input.value;
  const bytes = new TextEncoder().encode(value); // 将字符串编码为字节数组
  if (bytes.length > maxLength) {
    const truncatedBytes = bytes.slice(0, maxLength); // 截取前面部分的字节数组
    const truncatedValue = new TextDecoder().decode(truncatedBytes); // 将字节数组解码为字符串
    input.value = truncatedValue; // 将新值设置为 input 的 value 值
  }
});

在上面的示例代码中，我们使用了 `TextEncoder` 和 `TextDecoder` 对象来进行字符串和字节数组之间的转换，这些对象在现代浏览器中都是原生支持的。如果需要支持旧版浏览器，可以使用 polyfill 库来提供相同的功能。