jquery的输入文本框自动增长,文本框大小自适应输入内容的多少自_百度...
发布网友
发布时间：2022-04-23 15:43
共1个回答
热心网友
时间：2022-04-23 04:59
<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>
