javascript - 如何将文本字段限制设置为 500 字节？

Question

我有一个文本字段，我想将其最大输入字符限制限制为 500字节。这怎么可能？也许我应该为此使用 jQuery。但我不知道怎么做。有什么最好的例子吗？在我的问题中，我想将字符限制限制为 500 字节，这与 500 个字符不同。

Answer 1

使用 JavaScript 的Blob.size您可以从字符串中获取字节数，如下所示：

document
  .getElementById('str')
  .addEventListener('input', (e) => {
    const bytes = new Blob([e.target.value]).size
    // your logic...

    console.clear()
    console.log(`${bytes} bytes`)      
  })

<input type="text" id="str">