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

WBOY
リリース: 2016-05-16 18:04:55
オリジナル
1413 人が閲覧しました

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


[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
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート