jQuery-textarea 限制行数和字数

jQuery-textarea 限制行数和字数

归属感 发布于 2017-10-24 字数 187 浏览 1587 回复 3

有一个149px*43px 的textarea 如何限制行数为2行一行到头自动换行
,网上找了好多都不能解决请输入图片描述

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

想挽留 2017-10-27 3 楼

creatTextRange()方法只在IE下可以,但是在chrome和firefox下就不行了

瑾兮 2017-10-26 2 楼

可以使用客户端的JavaScript去限制TextArea的内容为指定的字符数量和指定的行数。

<script language="javascript" type="text/javascript">
function TextAreaRow()
{
var obj=document.getElementById("box");
var rng=obj.createTextRange();
var h=rng.boundingHeight;
rng.move('character',1)
var mh=rng.boundingHeight;
document.getElementById("showRow").value=(h/mh).toFixed(0);
}
</script>

<body onload="TextAreaRow()" onkeyup="TextAreaRow()" onresize="TextAreaRow()">
<textarea rows="7" cols="49" id="box">这里是内容!</textarea>
行数:<input type="text" id="showRow" />
</body>

夜无邪 2017-10-25 1 楼

用jquery去实时获取文本框的字数,然后一旦到了规定的字数就自动加个"rn",到了第二行到头直接就不允许输入就可以了。