放大textarea onClick

Question

Can anyone please let me how to Enlarge textarea while using OnClick function or how to increase the rows on onClick? 谁能让我在使用OnClick功能时扩大文本区域或增加onClick的行数？

regards balkar 问候巴尔卡尔

Answer 1

If you can set pixel or column sizes (instead of using the rows and cols attributes), you can use the :focus CSS pseudo-class : 如果可以设置像素或列的大小（而不是使用rows和cols属性），则可以使用:focus CSS伪类：

HTML: HTML：

<textarea id="myarea"></textarea>

CSS: CSS：

textarea#myarea { width: 100px; height: 20px; }
textarea#myarea:focus { width: 500px; height: 200px; }

depending on the layout, it's sometimes attractive to give the focused textarea position: absolute so it floats above the other elements in its enlarged state. 视布局而定，有时将焦点对准的textarea position: absolute是很有吸引力的position: absolute ，使其以放大状态浮动在其他元素的上方。

Answer 2

If you wanna use onClick, add an onClick Handler via JavaScript: 如果要使用onClick，请通过JavaScript添加onClick处理程序：

<html>  
    <body onLoad="load();">   
        <textarea id="t1">foo</textarea>
        <script>
        function load(){
            document.getElementById("t1").addEventListener("click",function(){ 
                this.setAttribute("rows","50"); 
            },false);  
        }  
        </script> 
    </body>
 </html>

放大textarea onClick

问题描述

2 个解决方案

解决方案1
6 2010-10-01 08:38:24

解决方案2
0 2010-10-01 09:04:15

放大textarea onClick

问题描述

2 个解决方案

解决方案1 6 2010-10-01 08:38:24

解决方案2 0 2010-10-01 09:04:15

解决方案1
6 2010-10-01 08:38:24

解决方案2
0 2010-10-01 09:04:15