美文网首页
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