美文网首页
input 框自适应

input 框自适应

作者: 飞鱼_JS | 来源:发表于2018-08-01 16:34 被阅读0次

    方法一:

        <input class="tabTitleStyle" type="text" ng-keyup="changeTabWidth($event)" value="{{tab.tabTitle}}">
     
      $scope.changeTabWidth = function($event){
                console.log('$event',$event)
                $event.target.style.width  = $event.target.value.length * 7 + 'px'
            }
    

    方法二:

            <span contenteditable="true">{{tab.tabTitle}}</span>
    
    

    相关文章

      网友评论

          本文标题:input 框自适应

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