Javascript テキスト ボックスのテキストエリアの高さが、content_form の特殊効果によって適応的に縮小されます。

コードを直接アップロードします:
オプション 1:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Feng Yunzhi » テキスト ボックス テキストエリアの高さの適応的な拡大/縮小</title> <style> textarea { height:100px; width: 300px; } </style> <!--以下代码中onpropertychange：IE支持；oninput：FireFox支持；为了兼容IE和FF，所以加上了这个两个；--> <textarea id="txtContent" rows="1" onpropertychange="ResizeTextarea()" oninput="ResizeTextarea()" onkeyup="ResizeTextarea()">制作：清峰 http://jb51.net
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]

オプション1 は各ブラウザで利用できますが、コンテンツに応じてテキスト ボックスが適応的に拡大することに問題はありません。ただし、IE と Opera は正常に動作しますが、Firefox、Chrome、Safari は縮小しません。 。その理由は、テキスト ボックスのコンテンツの高さがテキスト ボックスの高さよりも小さい場合、scrollHeight 値はテキスト ボックスのコンテンツの高さではなく、テキスト ボックスの高さに等しいためです。
オプション 2:

コードをコピー

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

;textarea id="txtContent" rows="5"cols="50" onkeyup="ResizeTextarea()" style="overflow-y:hidden;">テキストエリアの高さは、コンテンツ、スクロール バーなし
Qingfeng 作成
http://jb51.net

• Bootstrap リスト グループ コンポーネントの詳細な分析
• JavaScript関数のカリー化の詳細説明
• JS パスワードの生成と強度検出の完全な例 (デモ ソース コードのダウンロード付き)
• Angularjs は WeChat UI (weui) を統合します
• JavaScript を使用して繁体字中国語と簡体字中国語をすばやく切り替える方法と、簡体字中国語と繁体字中国語の切り替えをサポートする Web サイトのトリック_javascript スキル