1

私が持っているもの：

幅と高さが動的なテキストエリアがあります。私は p5.dom.js を使用して、ウィンドウの幅と高さに応じて幅と高さを持つ DOM 要素を作成しています。

私が欲しいもの：

テキストエリアのサイズよりも大きくならないように、テキストエリアの文字を制限したい。文字がこのポイントに到達すると、ユーザーはそれ以上文字を挿入できなくなります。

問題:

textarea {
  resize: none;
  overflow: hidden;
}

サイズ変更とスクロールバーを削除しても、下に行くのを止めません。ユーザーがもう 1 文字入力すると、これが発生します。

maxlengthまたは行と列を使用できることはわかっていますが、テキストエリアには動的な幅と高さがあるため、この属性を使用しないソリューションを見つけようとしています。

ソリューション:

  1. 私が考えた唯一の解決策は、スクロールバーが下がったときにチェックするイベントを作成し、スクロールバーが一番上に戻るまで1文字を削除することです。それを確認する方法は？
  2. スクロールバーを非表示にするだけでなく、スクロールの機能を削除します。多くの場所を調べましたが、スクロールバーを非表示にする質問しか見つかりませんでした。

CSS でそれを行う方法がない場合は、jQuery が適しています。

編集1：

一部のユーザーの文字制限が他のユーザーよりも低くても問題ありません

4

0 に答える 0