js input内容遇到空格就换行

你可以使用 JavaScript 监听输入框的 `keyup` 或 `keypress` 事件，在事件处理函数中判断输入的字符是否为空格，如果是就将输入框的值加上 `<br>` 标签并重新赋值给输入框。以下是一个示例实现：

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

<script>
  const input = document.getElementById('input');
  input.addEventListener('keyup', function(event) {
    if (event.key === ' ') {
      input.value += '<br>';
    }
  });
</script>

当用户在输入框中输入空格时，输入框中的内容就会自动换行。

相关问题

在js里如何限制input只能输入数字和逗号，空格，换行

可以使用正则表达式来限制输入，具体实现如下：

HTML:

<input type="text" id="input" onkeypress="return isNumberOrCommaSpaceLine(event)">

JavaScript:

function isNumberOrCommaSpaceLine(evt) {
  // 获取按键的字符码
  var charCode = (evt.which) ? evt.which : evt.keyCode;

  // 如果是逗号、空格、换行或数字则返回 true，否则返回 false
  if (charCode == 44 || charCode == 32 || charCode == 13 || (charCode >= 48 && charCode <= 57)) {
    return true;
  }
  return false;
}

这样就可以限制输入只能是数字、逗号、空格、换行了。

在vue项目中，怎么在element文本域的文本框中使用有空格和换行的文字模板

在 Vue 项目中，如果你想在 Element UI 的 Textarea 组件（如 el-input 元素）中插入带有空格和换行的文本模板，你需要使用 Vue 的绑定特性，比如 `v-html` 或者在模板字符串中添加转义后的HTML标签。

如果你选择使用 `v-html`：

<el-input v-model="templateText" placeholder="请输入模板" :disabled="true">
</el-input>

<script>
export default {
  data() {
    return {
      templateText: '<p>这是一段 <br> 换行文本，<br> 也包含空格。</p>'
    };
  }
};
</script>

如果你不想让用户编辑这些内容（因为默认是禁用状态），可以设置 `:disabled` 属性。

如果你在字符串模板中，需要手动转义每个 `<`, `>`, `&`, `"` 和 `'` 字符，以便它们能在 HTML 中显示：

<el-input v-model="templateText" placeholder="请输入模板">
  {{ templateText.replace(/</g, '&lt;').replace(/>/g, '&gt;') }}
</el-input>

这里我们使用了 JavaScript 的 `replace()` 函数来进行替换。