实现小功能,输入文本,输入框可改变大小,且可记录数字

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哟!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值