代码之家 › 专栏 › 技术社区 › 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;
}

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前