2

ユーザーが入力している間に、jquery を使用して、ユーザーがテキスト ボックスに入力した内容にテキストを追加したいと考えています。

ユーザーが入力したものの最後に「is a hat」を追加したいとします。

ユーザーがフィールドに「My Friend」と入力し始めたとします。

入力すると、ボックスに次のように表示されます。

M -> M is a hat
y -> My is a hat
  -> My  is a hat
F -> My F is a hat
r -> My Fr is a hat
...

キープレスイベントの関数を書き始めましたが、最終的には次のようなものになることに気付きました

M -> M is a hat
y -> M is a haty is a hat
...

だから私が知りたいのは、私がどのようにすべきかです

  1. 古いサフィックスを置き換える
  2. ユーザーが入力していた場所にカーソルを戻します
  3. 接尾辞の前にのみ入力できるようにして、接尾辞を編集できないようにします。
4

3 に答える 3

3

これを試すことができます

JS

$("input").keyup(function() {
    $(".dynamic").html(this.value);
});

HTML

<input type="text" />
<div>
    <span class="dynamic"></span>
    <span class="static"> is a hat </span>
</div>

フィドルをチェック

基本的に、動的テキストを保持するスパンをターゲットにし、keyup イベントに基づいて html をレンダリングします。

于 2013-06-24T23:56:48.657 に答える
0 
this following example work perfectly .  
 **html**

    <input type="text" id="text"/>
    <p><span id="app"></span>
    <span>this is a hat</span>
    <p>

    **script**
    ----------
    $("#text").keyup(function(){
        $("#app").text($("input").val());
    });
于 2013-06-25T07:07:41.790 に答える