Question

我有一个句子被定义为一个列表（一个字符串？一个数组？ - 我不确定正确的术语）我想按顺序返回按任何键。我试图使用.split。这是列表和功能：

var list1 = "This is a test".replace(/\s/g, "\xA0").split("")
function transformTypedChar(charStr) {
    var position = $("#verse1").text().length;
    if (position >= list1.length) return '';
    else return list1[position];
}

目前，＆＃34; T＆＃34;从列表的开头重复返回，并忽略列表的其余部分。我按如下方式调用该函数：

document.getElementById("verse1").onkeypress = function(evt) {
    var val = this.value;
    evt = evt || window.event;

     // Ensure we only handle printable keys, excluding enter and space
    var charCode = typeof evt.which == "number" ? evt.which : evt.keyCode;
    if (charCode && charCode > 32) {
        var keyChar = String.fromCharCode(charCode);

           // Transform typed character
        var mappedChar = transformTypedChar(keyChar);

        var start, end;
        if (typeof this.selectionStart == "number" && typeof this.selectionEnd ==   
   "number") {
            // Non-IE browsers and IE 9
            start = this.selectionStart;
            end = this.selectionEnd;
            this.value = val.slice(0, start) + mappedChar + val.slice(end);

            // Move the caret
            this.selectionStart = this.selectionEnd = start + 1;
        } else if (document.selection && document.selection.createRange) {
            // For IE up to version 8
            var selectionRange = document.selection.createRange();
            var textInputRange = this.createTextRange();
            var precedingRange = this.createTextRange();
            var bookmark = selectionRange.getBookmark();
            textInputRange.moveToBookmark(bookmark);
            precedingRange.setEndPoint("EndToStart", textInputRange);
            start = precedingRange.text.length;
            end = start + selectionRange.text.length;

            this.value = val.slice(0, start) + mappedChar + val.slice(end);
            start++;

            // Move the caret
            textInputRange = this.createTextRange();
            textInputRange.collapse(true);
            textInputRange.move("character", start - (this.value.slice(0,   
start).split("\r\n").length - 1));
            textInputRange.select();
        }

        return false;
    }
};

如何按顺序返回整个列表？换句话说，在第一个关键事件中，＆＃34; T＆＃34;在第二个关键事件中出现＆＃34; h＆＃34;出现等等。我可以在contenteditable div中实现这一点，但我使用输入类型：文本字段，因为我想在它们之间进行自动调整。

整个代码在这里：http://jsfiddle.net/NAC77/9/

Answer 1

在$(el).text()元素上调用input会返回一个空字符串，您应该调用$(el).val()：http://jsfiddle.net/NAC77/10/

我可以将字符串返回到输入类型：文本字段onkeypress吗？

1 个答案: