textarea 自适应高度
$(document).on('input propertychange', 'textarea', function () {this.rows =1 // 先将 rows 设为1, ‘可以不设置试一试删除文本的时候会不会改变行高’var text_height = $(this).height() // 获取textarea标签中文字所占高度var padding_top_and_bottom = $(this).innerHeight() - text_height // 计算padding所占高度var rows = (this.scrollHeight - padding_top_and_bottom ) / text_height // 计算行数this.rows = rows // 改变 textarea 的行数
})
原理就是textarea 的 scrollHeight 属性 除以文字一行所占的高度， 就是行数
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！