放大textarea onClick

任何人都可以請讓我如何在使用OnClick函數時放大textarea或如何增加onClick上的行？放大textarea onClick

問候巴爾卡爾

2010-10-01 Balkar

如果你可以設置像素或列大小（而非使用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有吸引力，因此它漂浮在放大狀態下的其他元素上方。

來源

2010-10-01 08:38:24

如果你想使用的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>

來源

2010-10-01 09:04:15 Hannes

放大textarea onClick

回答

相關問題