jquery的输入文本框自动增长，文本框大小自适应输入内容的多少自

发布网友发布时间：2022-04-25 07:52

共2个回答

热心网友时间：2022-04-25 09:21

<body>
文本框：<input id="txtId"  type="text" style="width:25px" />
</body>
<script>
var widthSize = 25;   //文本框长度
var size=0;  //文本框字符长度
    $("#txtId").keyup(function(){
//当前输入的文本比上一次的文本值长度短，就缩减文本框的宽度
if(this.value.length<size){
size=$("#txtId").val().length;  //获取文本框的字符长度
widthSize=parseInt(widthSize-10);   //当前文本宽度-10px
this.style.width=widthSize+"px";
return "";
//否则就增加文本框的宽度
}else{
size=$("#txtId").val().length;  //获取文本框的字符长度
widthSize=parseInt(widthSize+10); //当前文本宽度+10px
this.style.width=widthSize+"px";
return "";
}
});
</script>