コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > Javascript テキスト ボックスのテキストエリアの高さが、content_form の特殊効果によって適応的に縮小されます。

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

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

コードを直接アップロードします:
オプション 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
著者別の最新記事
最新の問題
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート