高度自适应的输入框

来源:互联网 发布:java可变参数判断为空 编辑:程序博客网 时间:2024/05/17 19:14

1.用一个可以编辑的div来模拟输入框效果

<div contenteditable="true" /></div>

但是具有兼容性的问题。ios不能输入,你需要在给这个div加一个样式。  div{user-select:text;-webkit-user-select:text;}


2.使用keyup监听输入的文字的个数

<textarea ></textarea>

$("textarea").keyup(function(){
var len=$(this).val().length;
if(len>18){
$(this).val($(this).val().substr(0,18));
}

})

但是我感觉第二个真的是不知道有什么作用。这个是参考的http://www.th7.cn/web/js/201708/237519.shtml 

我觉得应该获取到内容的个数然后设置这个textarea的高度的。