textarea并不能随着输入自动扩展div的宽度,这里就直接使用div来实现这个简单的功能
<div onInput="textInputFuc" contenteditable="true" class="remark"></div>
<label class="textNumber">0/200</label>
.remark:focus {
outline: #4dc6A8 auto 5px; /*这里更改div聚焦外边框颜色*/
}
function textInputFuc() {
var textVal = $('.remark').text()
var len = 0;
for(var i=0;i<textVal.length;i++) {
// var a = textVal.charAt(i);
// if(a.match(/[^\x00-\xff]/ig) != null) {
// len += 2;
//} else {
// len += 1
//}
len += 1
}
}
中间注释的代码,为汉字转字符,样式就自己布局吧,div给出一个min-height哟!
632




被折叠的 条评论
为什么被折叠?



