有没有办法限制textarea(javascript / jQuery)中每行的字符？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了有没有办法限制textarea(javascript / jQuery)中每行的字符？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1103字，纯文字阅读大概需要2分钟。

内容图文

有没有办法限制文本区域中每行的字符？例如,在文本区域的1-3行中,仅允许使用20个字符,但在此之后的行中,允许使用50个字符.

构造textarea的方式,我只能通过更改宽度来限制每行大约相同的字符数(因为它是盒子的形状).我不确定是否可以限制每行不同数量的字符.

我之所以这样问是因为我在文本区域的顶部有一个图像,并且当用户键入内容时,文本位于图像绝对定位的部分下面.除非可以在文本区域内浮动图像？ ：？

解决方法:

使用JavaScript解决此问题的提示

如果使用JavaScript,当然可以.请参阅以下使用jQuery的代码段：

var result = jQuery('#result');
var my_textarea = jQuery('#mytext');
my_textarea.on('keyup', function(event){
    var el = jQuery(this);
    var lines = el.val().split('\n').length;
    var chars = el.val().split('').filter(function(v){
        return v != '\n';
    }).length;
    result.html('You have ' + lines + ' lines and ' + chars + ' chars');
});

(演示在这里：http://jsfiddle.net/tadeck/8krTv/1/)

它计算行数和字符数,在为每一行计算字符数以及禁用在特定行中添加更多字符的能力时就没有问题.

图片位于文本区域内

您说过将图像放置在文本区域内可以解决此问题.当然,您也可以这样做-解决方案之一是使图像成为文本区域的背景,然后从要显示的一侧校正填充,这样文本就不会溢出图像.

内容总结

以上是互联网集市为您收集整理的有没有办法限制textarea(javascript / jQuery)中每行的字符？全部内容，希望文章能够帮你解决有没有办法限制textarea(javascript / jQuery)中每行的字符？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端