使input文本框随内容变化改变长度

最新推荐文章于 2024-07-12 09:34:41 发布

火蚂蚁cui

最新推荐文章于 2024-07-12 09:34:41 发布

阅读量1w

点赞数 1

分类专栏：常用小知识文章标签： input 文本框长度

本文链接：https://blog.csdn.net/cuilei210/article/details/78784218

版权

常用小知识专栏收录该内容

28 篇文章 1 订阅

订阅专栏

propertychange——属性改变事件

<script type="text/javascript">
$(function(){
    $('.input').bind('input propertychange',function(){
        var obj = $(this);
        var text_length = obj.val().length;  //获取当前长度
        var width = parseInt(text_length)*12; //该12是改变前的宽度除以当前字符串的长度，算出每个字符的长度
        obj.css('width',width+'px');
    });
})
</script>