如何使用JavaScript / JQuery创建每个40个字符的自动自动换行

时间:2014-01-23 06:39:53

标签: javascript jquery

是否可以使用java脚本每40个插入字符创建一个自动自动换行?我编写了一个jQuery / javascript解决方案,它使用了textfield的keyUp事件:

jQuery(textInputfield).keyup(function(event) {      
    var text = jQuery(textInputfield).val();            
    if(text.length == 40){
        text = text + '<br />';
    }    
    var textOutput = jQuery(textOutputField);
    textOutput.empty();
    textOutput.append(text);    
});

我需要一个更灵活的解决方案来代码:

if(text.length == 40){
   text = text + '<br />';
}

我该如何解决这个问题?

2 个答案:

答案 0 :(得分:1)

正则表达式解决方案:

var text = jQuery(this).val();
text = text.replace(/.{40}/g, '$&<br/>');

答案 1 :(得分:1)

我建议不要以这种方式重新格式化,而是使用指定的宽度让浏览器进行换行。

使用指定的widthheight: auto

编辑:请看这个小提琴,例如http://jsfiddle.net/bf9rJ/