您的位置:首页 > Web前端 > JQuery

textarea自动扩展高度(jquery实现)

2014-11-13 09:44 525 查看
项目中用到了textarea自动扩展高度的功能,网上查了几个都不太完善,稍微修改了一下,主要是添加了当内容删除时候的自动减少高度功能。如需指定textarea,修改选择器即可。

<!-- lang: js -->
$(document).on("input propertychange", "textarea", function (e) {
var target = e.target;
// 保存初始高度,之后需要重新设置一下初始高度,避免只能增高不能减低。
var dh = $(target).attr('defaultHeight') || 0;
if (!dh) {
dh = target.clientHeight;
$(target).attr('defaultHeight', dh);
}

target.style.height = dh +'px';
var clientHeight = target.clientHeight;
var scrollHeight = target.scrollHeight;
if (clientHeight !== scrollHeight) { target.style.height = scrollHeight + 10 + "px";
}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: