textarea 特定の文字を消せないようにするのは可能か

Question

textareaで特定の文字列を消すことを不可能にしたいです

<textarea>あああ　いいい　ううう</textarea>

あああとうううは消せてもいいいだけは消せなくし、ずっと残り続ける形にしたいです

Comments

[maisumakun]

どのような経緯でそのような実装が必要となったのでしょうか？

（誰が何の目的で使うことを想定している状況でしょうか）

[ppppppp]

あらかじめvalueで設定された文字列の中でユーザー側で特定の文字は消せずに残し続けたいからです

Answer 1

このような特殊な操作を入れることは、技術的には仮に可能であったとしても、一般ユーザーが使う箇所に組み込むことは、まったくおすすめできません。

まず、カーソルの動作などがスムーズになるように実装するだけで一苦労ですし、仮にうまく行えたとしても、実装者の思想をうまく伝えきれない状況では、一般ユーザーからすれば「なんで消えないの？」とフラストレーションを発生させる危険があります。

「（対象ユーザーの考えや行動を踏まえた上で）UX的に既存のフォームを使うより快適になる」という確信がなければ、そのような実装を行わないことをおすすめします。

Comments

[maisumakun]

状況によっては、「いいい」の前後で別な入力枠に切り分ける、などの代替策も考えられます。

Answer 2

逆転の発想で、textareaを使用せず、適当な要素をcontentEditableでコントロールするとか。