[我正在尝试修复编写的JavaScript中的错误,以调整表单<textarea>
的大小。
我希望它根据文本行数调整大小。理想情况下,应该遵循底线。
表格链接:LorenzoMengolini.com/contact
<script>
(function($) {
var span = $('<span>').css('display','inline-block')
.css('word-break','break-all').appendTo('body').css('visibility','hidden');
function initSpan(textarea){
span.text(textarea.text())
.width(textarea.width())
.css('font',textarea.css('font'));
}
$('textarea').on({
input: function(){
var text = $(this).val();
span.text(text);
$(this).height(text ? span.height() : '1.1em');
},
focus: function(){
initSpan($(this));
},
keypress: function(e){
if(e.which == 13) e.preventDefault();
}
});
})(jQuery);
</script>
<textarea name="text" oninput='this.style.height = "";this.style.height = this.scrollHeight + "px"'></textarea>