获取textarea一行字数

获取textarea一行字数可以通过以下步骤实现：

1. 获取textarea的宽度和字体大小。

const textarea = document.querySelector('textarea');
const width = textarea.offsetWidth;
const fontSize = getComputedStyle(textarea).getPropertyValue('font-size');

2. 创建一个span元素，设置其样式为与textarea相同，并将其插入到body中。

const span = document.createElement('span');
span.style.fontSize = fontSize;
span.style.visibility = 'hidden';
span.style.position = 'absolute';
document.body.appendChild(span);

3. 通过将span的innerHTML设置为一行文本，并获取其offsetWidth来获取一行文本的宽度。

const text = 'a'.repeat(Math.floor(width / parseInt(fontSize)));
span.innerHTML = text;
const lineWidth = span.offsetWidth;

4. 计算一行文本能够容纳的字符数。

const charactersPerLine = Math.floor(width / lineWidth * text.length);

完整代码如下：

const textarea = document.querySelector('textarea');
const width = textarea.offsetWidth;
const fontSize = getComputedStyle(textarea).getPropertyValue('font-size');
const span = document.createElement('span');
span.style.fontSize = fontSize;
span.style.visibility = 'hidden';
span.style.position = 'absolute';
document.body.appendChild(span);
const text = 'a'.repeat(Math.floor(width / parseInt(fontSize)));
span.innerHTML = text;
const lineWidth = span.offsetWidth;
const charactersPerLine = Math.floor(width / lineWidth * text.length);