作者TonyQ (骨头)
看板Web_Design
标题Re: [问题] 如何让textarea自动增加行数
时间Sat Jun 2 04:28:07 2007
※ 引述《websterblue (好想射爆你..)》之铭言：
: 就是不固定行数~~
: 委托人希望一开始是1列就好
: 然後打字打超过一列的话 会自动增加列
: 不想要一次就给宽度5列这样.....
: 请问如何做呢~~感谢
还蛮有趣的问题，简单用JS实做了一下。
注：如果不想要 scrollbar 在跳， 把行数再多加1就好，或者把scrollbar禁掉。
http://tony1223.no-ip.info/test.htm
<html>
<head>
<title> 长度自动伸缩demo </title>
<script>
function checkrows(node){
var rows = node.value.split("\n").length ;
//不想要scrollbar一直闪 就在这+1 ↑
//alert(node.value+" "+rows);
node.rows=rows;
document.getElementById('sit').innerHTML="rows:"+rows;
//alert(rows);
return true;
}
</script>
</head>
<body>
<textarea rows="2" onkeyup="checkrows(this);" ></textarea>
<div id="sit"></div>
</body>
</html>
--
▄▅▆▇███▇▆▅▄▃ ╰┼╯─╮ ╮
◥███████████◣ ╰┼╯＝│=│
◥██████───────◣ ＊． ╯ ╯ ╯ の 物 语 ．＊
◥███████──────◣ ～ ◢◣ ◢◣
◥██████───────◤ ◥◤＊ 空白的世界．翼
＊◥◤
◥██▁▂▃▄▅▆▇███▆▅▄▃▂▂
～telnet://tony1223.no-ip.info
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.134.27.68
2F：推 ileadu:收下 06/02 11:04
3F：→ abgne:如果一直输入 没按enter去换行的话咧.. 06/02 12:41
4F：推 TonyQ:abgne 这个可以判断长度去做 . 06/02 12:58
5F：推 ileadu:可是javascript可以算 multibyte 的字元吗？ 06/02 15:31
7F：推 TonyQ:五楼 , 如果硬要玩的话 , String.getBytes();可取得byte长度 06/02 17:58
8F：→ TonyQ:ex. 中文 两个byte之类的 :P 06/02 17:59