获取textarea每行字数

你可以使用 JavaScript 中的 split() 方法来获取 textarea 中每行的字数。以下是一个示例代码：

const textarea = document.getElementById("myTextarea");
const lines = textarea.value.split("\n");

for (let i = 0; i < lines.length; i++) {
  console.log(`Line ${i + 1} has ${lines[i].length} characters.`);
}

在这个例子中，我们首先获取了 id 为 "myTextarea" 的 textarea 元素，并使用 split() 方法将其内容按照换行符分割成行数组。然后，我们遍历每一行，使用 length 属性获取每一行的字符数，并输出到控制台中。

相关问题

获取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);

textarea限制输入字数

可以通过 JavaScript 来实现 textarea 的输入字数限制，具体步骤如下：

1. 给 textarea 元素添加一个 id 或 class，例如：

<textarea id="myTextarea"></textarea>

2. 在 JavaScript 中获取该元素，并监听其输入事件：

const textarea = document.getElementById('myTextarea');

textarea.addEventListener('input', function() {
  // 在这里编写限制输入字数的逻辑
});

3. 在事件监听函数中，获取 textarea 的输入内容并统计字符数：

const content = textarea.value;
const length = content.length;

4. 如果字符数超过了限制，可以通过 substring 方法截取前面的一部分字符：

if (length > limit) {
  textarea.value = content.substring(0, limit);
}

完整的代码示例：

<textarea id="myTextarea"></textarea>

<script>
const textarea = document.getElementById('myTextarea');
const limit = 100; // 限制输入字数

textarea.addEventListener('input', function() {
  const content = textarea.value;
  const length = content.length;

  if (length > limit) {
    textarea.value = content.substring(0, limit);
  }
});
</script>