可根据内容多少自动伸缩的textarea
1个回答
展开全部
最近用jquery写了一个自动伸缩的textarea,
主要是监听用户键盘事件,查看用户输入字符的多少,然后改变textarea的css height 高度
var height = 0;
var wordcount = 0;
$(document).ready(function(){
$(#question).keyup(function(){
var question = $(#question).val();
$(title).text(question.length);
if(question.length 200){
warn(最多输入120个字符);
$(textarea).val(question.substring(0, 120));
return false;}if(question.length (55+wordcount)){
height = height + 45;
wordcount = wordcount + 50;
$(.content).animate({height:45+height},normal);
$(textarea).animate({height:45+height},normal);}if(question.length < 20){
$(.content).animate({height:45},normal);
$(textarea).animate({height:45},normal);
主要是监听用户键盘事件,查看用户输入字符的多少,然后改变textarea的css height 高度
var height = 0;
var wordcount = 0;
$(document).ready(function(){
$(#question).keyup(function(){
var question = $(#question).val();
$(title).text(question.length);
if(question.length 200){
warn(最多输入120个字符);
$(textarea).val(question.substring(0, 120));
return false;}if(question.length (55+wordcount)){
height = height + 45;
wordcount = wordcount + 50;
$(.content).animate({height:45+height},normal);
$(textarea).animate({height:45+height},normal);}if(question.length < 20){
$(.content).animate({height:45},normal);
$(textarea).animate({height:45},normal);
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询