textarea 控制输入字符字节数(示例代码)


<textarea id="myTextarea" oninput="checkBytes(this.value)"></textarea>
<p id="byteCount">0 bytes</p>

<script>
function checkBytes(str) {
    // 将字符串转换为Blob对象以获取其字节大小
    const blob = new Blob([str], { encoding: 'utf-8' });
    // 使用FileReader读取Blob以获取其大小（字节）
    const reader = new FileReader();
    reader.onload = function(e) {
        // 读取结果是一个ArrayBuffer，其byteLength属性即为字节大小
        const bytes = e.target.result.byteLength;
        document.getElementById('byteCount').textContent = bytes + ' bytes';
    };
    reader.readAsArrayBuffer(blob);
}
</script>

这段代码展示了如何在HTML的`