javascript - 在文本框中键入时移动默认文本以及键入的文本

Question

默认文本是“移动”

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

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

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

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

当我开始输入字母“w”“o”“w”默认文本“移动”向右移动一个新字母附加到文本框。

我搜索了一段时间，但没有得到任何正确的指针来实现这一点。希望有人能指出我正确的方向。

这是我到目前为止的一个 jsfiddle 页面，http://jsfiddle.net/jsnewbie/xmtFM/2/

谢谢你的帮助。

Answer 1

不确定为什么需要 JavaScript 来完成此任务？如果有人只是单击“移动”一词之前的框，则文本框的默认功能将完全满足您的需求。

Answer 2

编辑

正如@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);
});

检查小提琴