使用jQuery自动扩展Input（类型文本）

Question

如何让输入类型自动扩展？ 该代码适用于textarea，但不适用于输入类型文本框。

＆＃13;

＆＃13;

$('input').on({
  input: function() {
    var totalHeight = $(this).prop('scrollHeight') - parseInt($(this).css('padding-top')) - parseInt($(this).css('padding-bottom'));
    $(this).css({
      'height': totalHeight
    });
  }
});

＆＃13;

input {
  width: 200px;
  height: 15px;
  line-height: 15px;
  min-width: 200px;
  max-width: 300px;
  transition: width 0.25s;
  resize: none;
  overflow: hidden;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="myinput" runat="server" placeholder="Text" type="text" data-autosize-input='{ "space": 40 }' />

＆＃13;

＆＃13;

＆＃13;