Javascript テキストボックスのテキストエリアの高さが、content_form の特殊効果によって適応的に縮小されます。-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 18:04:55

オリジナル

1435 人が閲覧しました

コードを直接アップロードします:
オプション 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

著者別の最新記事