Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 复制textarea动画功能_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 复制textarea动画功能

Javascript 复制textarea动画功能,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的JS是有限的,我在复制框架中看到的功能时遇到问题(滚动到部分) 我基本上希望我的能够在的.val()的基础上顺利扩展。与我提供的链接中的示例完全相同 我的代码如下: $('textarea').keyup(function() { $(this).animate({height: 'auto'}, 250); $(this).height(this.scrollHeight); }); 提前感谢。在您的代码中,您将在第一个keyup()处添加自动高度,然后在下一个keyup()处它

我的JS是有限的,我在复制框架中看到的
功能时遇到问题(滚动到
部分)

我基本上希望我的
能够在
.val()
的基础上顺利扩展。与我提供的链接中的示例完全相同

我的代码如下:

$('textarea').keyup(function() {
  $(this).animate({height: 'auto'}, 250);
  $(this).height(this.scrollHeight);
});

提前感谢。

在您的代码中,您将在第一个keyup()处添加自动高度,然后在下一个keyup()处它仍将是自动的

我认为您必须获得行号,例如,获得
行高度
,并计算每个
键向上
键向下
的适当高度

所以可能是这样(我想缺少一个移动的滚动修复):

//应该在JS实用程序文件中
String.prototype.lines=函数(){
返回此.split(/\r*\n/);
}
String.prototype.lineCount=函数(){
返回此.lines().length;
}
//代码
$(文档).on('keyup-keydown','textarea',函数(){
var loElem=$(此),
lsValue=loElem.val();
动画({minHeight:lsValue.lineCount()*14},250);
});

查看或了解如何获取文本区域中的行数;一旦你有了它,你就可以计算高度了。