コードを見てください。非常にシンプルで実用的です。 コードをコピー コードは次のとおりです: テキストエリアの自動サイズ変更<br>textarea {<br> border: 0白なし; <br> オーバーフロー: 非表示;<br> パディング: 0;<br> アウトライン: なし;<br> 背景色: #D0D0D0;<br> サイズ変更: なし;<br>}<br>< /style> <br><script type="text/javascript"><br>varobserv;<br>if (window.attachEvent) {<br>observ = function (要素、イベント、ハンドラー) {<br> element.attachEvent('on' イベント, ハンドラー);<br> };<br>}<br>else {<br> observ = function (要素, イベント, ハンドラー) {<br> element.addEventListener(event,ハンドラー、false );<br> };<br>}<br>function init () {<br> var text = document.getElementById('text');<br> function raise () {<br> text. style.height = 'auto';<br> text.style.height = text.scrollHeight 'px';<br> }<br> /* すでに変更されたテキストを取得するための 0 タイムアウト */<br> function lateResize ( ) {<br> window.setTimeout(resize, 0);<br> }<br>観察(テキスト, '変更', サイズ変更);<br> 観察(テキスト, 'カット', 遅延Resize);<br> 観察(text, 'paste',layedResize);<br>observ(text, 'drop',layedResize);<br>observ(text, 'keydown',layedResize); <p> text.focus();<br> text.select();<br>size();<br>}<br></script><br></head><br>< body onload="init();"><br><textareacols="40" rows="1" style="height:25px;" id="text"></textarea><br> </body><br></html><br></p> </div> <p><br> </p>
