如何使用javascript在一定长度后换行

how to break line after certain length using javascript

本文关键字：换行 何使用 javascript      更新时间：2023-09-26

在javascript中输入一定长度后如何断行?在我的应用程序中，行必须在达到长度10后断行。我有以下代码:

<script>
function breakLine()
{
    var l = document.getElementById("textarea1").value;
    if(l.length > 10)
    {
        l = l + "<br />";
    }
}
</script>
</head>
<body>
<textarea id="textarea1" onKeyUp="breakLine()" rows="5" cols="100"></textarea>
</body>

您需要添加'n来强制换行。

当前您只是在修改字符串。您没有将修改后的字符串赋值回文本区域。

check this Fiddle

function breakLine()
{
    var l = document.getElementById("textarea1").value;
    if(l.length % 10 == 0)
    {
        document.getElementById("textarea1").value = l + "'n";
    }
}

更新:下面的代码应该通过保持一个activeode引用

来略微减少DOM访问
function breakLine()
{
  var txt = document.getElementById("textarea1");
  if(txt.value.length % 10 == 0)
   {
     txt.value = txt.value + "'n";
   }
}

我想这样的东西会对你有帮助。

<textarea name="" id="t" cols="30" rows="10"></textarea>

JS 

$("#t").on("keydown", function(e){
  var vl = $(this).val();
  if(vl.length % 10 == 0) {
    $(this).val(vl + "'n");
  }
});

Play with demo

相关文章：