ホームページ  >  記事  >  ウェブフロントエンド  >  高さ調整フォームを実装する JS メソッド text box_javascript スキル

高さ調整フォームを実装する JS メソッド text box_javascript スキル

WBOY
WBOYオリジナル
2016-05-16 16:13:181143ブラウズ

この記事の例では、高さ調整フォームのテキスト ボックスを JS で実装する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:


<頭>
JS が適応型高さフォーム テキスト ボックスを実装

<スクリプトタイプ="text/javascript">
window.onload = function () {
var text = document.getElementById("text") //ユーザーに表示されるテキスト ボックス
varshadow = document.getElementById("shadow") //非表示のテキストボックス
text.oninput = //非 IE
text.onpropertychange = //IE の
変更時;
                                                                      関数 onchange() {
shadow.value = text.value;
setHeight();
setimeout(setheight、0); function setHeight() { text.style.height =shadow.scrollHeight "px" }
}
};








この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。