Javascript 复制textarea动画功能
我的JS是有限的,我在复制框架中看到的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()处它
功能时遇到问题(滚动到
部分)
我基本上希望我的
能够在
的.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);
});代码>
查看或了解如何获取文本区域中的行数;一旦你有了它,你就可以计算高度了。