1

デフォルトのテキストは「移動」です

-------------------------------------
|Move                                |
|                                    |
|                                    |
-------------------------------------

-------------------------------------
|W Move                              |
|                                    |
|                                    |
-------------------------------------

-------------------------------------
|Wo Move                             |
|                                    |
|                                    |
-------------------------------------

-------------------------------------
|Wow Move                            |
|                                    |
|                                    |
-------------------------------------

文字「w」「o」「w」の入力を開始すると、デフォルトのテキスト「Move」が右に移動し、新しい文字がテキスト ボックスに追加されます。

私はいつか検索しましたが、これを達成するための適切なポインタを取得できませんでした。誰かが私を正しい方向に向けることができることを願っています。

これは私がこれまでに持っているjsfiddleページですhttp://jsfiddle.net/jsnewbie/xmtFM/2/

ご協力いただきありがとうございます。

4

2 に答える 2

1

編集

@KevinBが提案したように、バックスペースと少し反応が良い

var store = $('textarea').val();
console.log(store);
var newVal = [];
$("textarea").focus(function () {
    console.log(store);
}).keydown(function (e) {
    var self = this;
    setTimeout(function () {
        if (e.keyCode !== 8) {
            var curr = String.fromCharCode(e.keyCode);
            newVal.push(curr);
            console.log(newVal + store);
        } else { // Backspace
            e.preventDefault();
            if (newVal.length > 0) newVal.pop();
        }
        $(self).val(newVal.join('') + " " + store);
    }, 20);
});

フィドルをチェック

于 2013-08-09T18:00:11.007 に答える