javascript - JavaScriptでテキストフィールドカレットの文字を変更する方法を知っている人はいますか？

Question

タイトルのように、カレットの性格を変えたい。多分それを手紙か何かにしますか？

ありがとう。

Answer 1

これに近いことはできますが、非常に困難です。

1. たとえば、テキストフィールドでイベントをキーダウンにバインドします。
2. 文字を入力するたびに、<img>テキストエリアの上にフローティングをスライドさせます。
3. ユーザーがテキストエリアをクリックすると、onclick から X と Y を取得して位置を更新します。

Obs: フォントはモノスペースでなければなりません。例: すべてのフォントが 20px で、ユーザーがバックスペースを押した場合、この gif を 20px 左にスライドします。

---

編集

jsfiddleでハローワールドを作成しました。

もちろん、これは一例ですが、入力をテストし、バックスペースとエンターを使用して、キャレットが前後に移動することを確認してください。

この例では、次のような多くのバグを修正する必要があります。

• その使用は<backspace>すべての行をきれいにします

• テキスト領域の余白をはみ出す矢印の使用

• マウスを使用するとキャレットの位置を更新する必要があります...

Answer 2

これはHTML/JavaScriptでは不可能です。