JS input 输入框限制字节长度为50个字节（25个汉字，50个英文字符）怎么写

你可以使用 JavaScript 的事件监听器来实现输入框限制字节长度的功能。具体做法如下：

1. 在 HTML 中，给输入框添加一个事件监听器，监听输入事件（oninput）：

<input type="text" oninput="checkLength(this)" />

2. 在 JavaScript 中，编写 checkLength 函数，该函数会在用户输入时被调用：

function checkLength(input) {
  // 获取输入框的值
  var value = input.value;
  // 计算字节数
  var byteLength = 0;
  for (var i = 0; i < value.length; i++) {
    var charCode = value.charCodeAt(i);
    if (charCode <= 127) {
      byteLength += 1; // 英文字符
    } else {
      byteLength += 2; // 中文字符
    }
  }
  // 如果字节数超过了限制，截断输入框的值
  if (byteLength > 50) {
    input.value = truncate(value, 50);
  }
}

function truncate(str, len) {
  var byteLen = 0;
  for (var i = 0; i < str.length; i++) {
    var charCode = str.charCodeAt(i);
    if (charCode <= 127) {
      byteLen += 1;
    } else {
      byteLen += 2;
    }
    if (byteLen > len) {
      return str.substring(0, i);
    }
  }
  return str;
}

3. checkLength 函数中，先获取输入框的值，然后计算字节数。为了区分中文字符和英文字符，我们使用 charCodeAt 函数获取字符的 Unicode 编码，如果编码小于等于 127，就认为是英文字符，否则就认为是中文字符。英文字符算一个字节，中文字符算两个字节。

4. 如果字节数超过了限制，我们就使用 truncate 函数截断输入框的值。truncate 函数也是通过计算字节数来实现的。如果字节数超过了 len，就返回字符串的前 len 个字符。

这样，就可以实现输入框限制字节长度的功能了。