作者LPH66 (IWH68S0XZ8M89)
看板Web_Design
标题Re: [问题] textarea折行问题
时间Tue Jan 1 19:30:05 2008
※ 引述《SearchNow ( )》之铭言:
: 最近遇到一个棘手进阶版textarea断行问题
: 限制条件 :
: (1) 最多 5 行 (rows=5)
: (2) 每行若达35bytes即折行
: (这里指的bytes指的是UTF8编码的bytes 因为要塞入Oracle资料库里)
: 判断方式 escape(输入的字元).length >= 4
: => 累加 3 bytes
: else => 累加 1 byte
: 照这个逻辑写的话
: 这个textarea会非常不好用
: js code 请见 : http://0rz.tw/2e3uh
: <textarea onKeyDown="return
: countBytes(event,this,5,5);" rows="5" ></textarea>
: 感谢各位的协助
: 这问题困扰我好久了 Orz~
有charCodeAt这个函数可以用
http://www.w3schools.com/jsref/jsref_charCodeAt.asp
然後UTF-8的长度是这样:
UTF8长度 Unicode范围
1 byte U+0~U+7F
2 byte U+80~U+7FF
3 byte U+800~U+FFFF //常用中文字位於U+4E00~U+9FFF
个人以为 最多才5x35=175 byte (175/3=58个中文字...)
不如在离开textarea时再检查&断行就好
然後如果是输入中文的话 一行最多12个字
所以我比较会先用<textarea rows="5" cols="25" wrap="soft">给个视觉上的限制
↑
在离开textarea时(onBlur)再做调整 用25是考虑到英文较多的行
26的话一行可以有13个中文字
到时排好版时右边会空一个中文宽的空间
有点怪怪的
--
话说那js档我没有帐号打不开 囧a
--
実琴:「
河野!你真的就这样被
物质慾望给吸引过去了吗?!」
亨:「只要
穿着女装摆出亲切的样子,所有必要花费就能
全免,似乎一点都不坏啊。」
実琴:「难道你没有
男人的尊严了吗?!」
亨:(断然道)「
没有。在
节衣缩食且
生活吃紧的
学生面前,
没有那种东西。」
--プリンセス・プリンセス 第二话
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 140.112.250.80
1F:推 SearchNow:考量使用者可能一行里都输入英文的话 就没办法给适当的 01/01 23:55
2F:→ SearchNow:视觉限制了 中英文夹杂都有可能 Orz~ 01/01 23:56