代码之家 › 专栏 › 技术社区 › Luka Milani

如何缩小文本区域

yui3 textarea javascript

Luka Milani · 技术社区 · 14 年前

我正在使用雅虎的YUI3.1库和TextExpander,让一个TextArea在用户输入时增长。

下面的代码初始化TextArea:

YUI({gallery: 'gallery-2010.03.23-17-54'
    }).use("node", 'gallery-text-expander', function(Y) {
    Y.one('#myTextArea').plug(Y.TextExpander);
});

2) $('myTextArea').value='' 但它并没有像预期的那样缩小,而且在实际中仍有许多行必须恢复到原始大小。

我注意到文本扩展器的代码里面( http://yuilibrary.com/gallery/buildtag/text-expander/gallery-2010.03.23-17-54 )存在名为“”的方法 shrink_area “但是我怎么能调用这个方法呢 $('myTextArea').shrink_area() ? (我知道是一个错误的代码行,但我需要获得这样的东西) 或者最好的方法是什么?

提前感谢您的建议和提示。

2 回复 | 直到 14 年前

plaes 14 年前

rows 和 cols 用于更改大小的属性。试着设置这些。

Luka Milani 14 年前

我自己解决了这个问题。

很高兴知道该怎么做,可能是使用自定义名称空间 )我写了一个小函数来实现这个技巧。

min-height

2) 清除文本区域后,我设置 height 作为最小高度

下面的代码显示了实现这个技巧的函数

function shrinkTextArea(element) {
    // clear
    $(element).value ='';

    // shrink
    $(element).style.height = $(element).style.minHeight;
}

推荐文章

Kevin Schinkel · Textarea中断MySQL更新查询

7 年前

Java Noob · Javafx文本区域禁用滚动条

7 年前

jprice92 · 当存在溢出时,禁用的TextArea Resize停止工作

7 年前

Lilyzeng · 如何更改r中textAreaInput的背景色?

7 年前

Alberto Muñoz Sánchez · 禁用文本区域中的垂直滚动条

7 年前

Genjik · text区域自动高度增加

7 年前

Mary · 有没有办法动态更改颤振文本字段的最大线?

7 年前

Mathis Garberg · maxlength属性的角度验证消息

7 年前

Andy · 在文本区域中保存文本的独立于浏览器的方式

7 年前

Kevin K · text区域和选项卡键:获取而不是跳转到下一个元素

7 年前