如何将文本字段限制设置为 500 字节?

How can i set text field limit to 500 bytes?

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

使用 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">