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