Question

任何人都可以告诉我如何在使用OnClick功能时放大textarea或如何在onClick上增加行数？

问候巴尔卡尔

Answer 1

如果您可以设置像素或列尺寸（而不是使用rows和cols属性），则可以使用:focus CSS pseudo-class：

HTML：

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

CSS：

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

取决于布局，有时候给予聚焦的textarea position: absolute是有吸引力的，所以它漂浮在其放大状态的其他元素之上。

Answer 2

如果您想使用onClick，请通过JavaScript添加onClick Handler：

<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 个答案: