美文网首页
input实时监听

input实时监听

作者: LuckyJin | 来源:发表于2018-09-27 17:33 被阅读0次
     <input class="mpp-edit-input mpp-edit-input-js" id="aTest" type="text" value="0.00" onclick="window.event.stopPropagation();">
    
    //    使input文本框随其中内容而变化长度的方法
        $(function(){
            $('#aTest').bind('input propertychange', function() {
                var $this = $(this);
                console.log($this);
                var text_length = $this.val().length;//获取当前文本框的长度
                var current_width = parseInt(text_length) *13;//13是每个字符的长度
                console.log(current_width)
                $this.css("width",current_width+"px");
            });
        })
    

    相关文章

      网友评论

          本文标题:input实时监听

          本文链接:https://www.haomeiwen.com/subject/ynxyoftx.html