数码资讯
jQuery实现基于文本内容的文本自适应高度
我们玩微博的时候,可能会注意到一个细节,无论是新浪或微博腾讯微博的时候转发和评论你的默认文本框的高度不是很高,这可能是空间有限,用户只有广播或评论一句。但当你输入多行文本,文本框的高度会自动增加,从而大大提高了体验,让用户可以看到所有的文字。你不需要拖动文本框的滚动条了。 autotextarea.
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
我们玩微博的时候,可能会注意到一个细节,无论是新浪或微博腾讯微博的时候转发和评论你的默认文本框的高度不是很高,这可能是空间有限,用户只有广播或评论一句。但当你输入多行文本,文本框的高度会自动增加,从而大大提高了体验,让用户可以看到所有的文字。你不需要拖动文本框的滚动条了。
autotextarea.js
(函数($){)
美元。fn.autotextarea =功能(选项){
var默认值= {
MaxHeight:空,
MinHeight:$(这)Height()。
};
变量选择(默认,美元。延长= {},选项);
返回$(这个)。每个(函数()){
$(这)。Bind(粘贴切Keydown Keyup焦点模糊
VaR的高度、风格= this.style;
this.style.height = opts.minheight + 'px;
如果(this.scrollheight >选择。minheight){
如果(opts.maxheight this.scrollheight >选择。最大高度){
高度= opts.maxheight;
style.overflowy = 'scroll;
{人}
高度= this.scrollheight;
style.overflowy =隐藏;
}
style.height =高度+ 'px;
}
});
});
};
}(jQuery);
demo.js
$(。doctable textarea)。AutoTextarea({
最大高度:400,
minheight:100
});
以上是本文的全部内容,希望能帮您学习jQuery。
autotextarea.js
(函数($){)
美元。fn.autotextarea =功能(选项){
var默认值= {
MaxHeight:空,
MinHeight:$(这)Height()。
};
变量选择(默认,美元。延长= {},选项);
返回$(这个)。每个(函数()){
$(这)。Bind(粘贴切Keydown Keyup焦点模糊
VaR的高度、风格= this.style;
this.style.height = opts.minheight + 'px;
如果(this.scrollheight >选择。minheight){
如果(opts.maxheight this.scrollheight >选择。最大高度){
高度= opts.maxheight;
style.overflowy = 'scroll;
{人}
高度= this.scrollheight;
style.overflowy =隐藏;
}
style.height =高度+ 'px;
}
});
});
};
}(jQuery);
demo.js
$(。doctable textarea)。AutoTextarea({
最大高度:400,
minheight:100
});
以上是本文的全部内容,希望能帮您学习jQuery。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。