javascript - 单击将文本框更改为文本区域

Question

如何在用户单击时将简单的文本框转换为文本区域。我正在使用 EXT JS。

Answer 1

你这样做只是为了视觉效果吗？或者是否有将其从输入转换为文本区域的正当理由？

如果你这样做只是为了它的视觉效果，你可以通过设置文本区域的高度并在焦点事件中增加高度来获得很长的路要走。

Ext.onReady(function(){

    new Ext.form.TextArea({
        renderTo: Ext.getBody(),
        name: 'myTextArea',
        width: 200,
        height: 22,
        listeners: {
            focus: function(textarea){
                textarea.setHeight(200);
            },
            blur: function(textarea){
                textarea.setHeight(22);
            }
        }
    });

});

编辑:这些停止工作:

在这里试试:http://jsfiddle.net/chrisramakers/9FjGv/2/

您甚至可以很容易地为它制作动画，以获得一些额外的视觉效果。
http://jsfiddle.net/chrisramakers/9FjGv/3/