Jquery回显并将数据附加到textarea中

时间:2014-01-25 23:58:30

标签: javascript jquery html

我想使用Jquery将输入行中的文本回显到输入行下方的文本区域,并且就像它一样,在重复数据的末尾放置随机预先选择的单词...每次一个新的字母被输入作为输入,我想要在3个“重复”中附加一些其他“随机”字,这种混淆。

Input= "true blue"

TextArea = 
true blue black<br/>
true blue car<br/>
true blue sock<br/>

If the input = "true blues"

TextArea =
true blues snake<br/>
true blues grass<br/>
true blues red<br/>

所有新结果因为“s”被输入。 (或尽可能接近“新/随机”) 我将在一个数组中有200个单词,每按一次键我想改变附加的单词(onkeyup?)。如果它们可以随机出现,也可以从较大的列表/文件中随机选取。 表格中的输入在文本区域中重复3行,并且基本上也附加3个随机单词。 Onkeypress echo input + random_word(x3)。

1 个答案:

答案 0 :(得分:0)

有趣的挑战。

我已经玩了几个小时,并且提出了一个基本的,不优雅的尝试 - 蛮力。

FIDDLE

JS

var spacecount = 0;
var sumcodes = 0;
var wordarray = 0;
var randword = ['gould','horowitz','bach','scarlatti','handel','vivaldi','corelli','albinoni','allegri','pinnock',];
$(function(){
    $(document).keyup(function(e){
        var char1 = String.fromCharCode(e.keyCode);
        $('#keycode').html(e.keyCode);
        $('#charcode').html(char1);
        $('#texthere').append(char1);
        sumcodes = sumcodes + e.keyCode;
        if (e.keyCode == 32)
          {
            spacecount=spacecount + 1;
            $('#spacecount').html(spacecount);
           }
        if (spacecount > 2)
          {
           spacecount = 0;
           wordarr = Math.floor(Math.random() * 10) + 1
           $('#texthere').append(randword[wordarr] + ' ');
           $('#sumcodes').html(sumcodes);
           sumcodes = 0;
           }
    });
});

随机数生成器不那么健壮。我试图将它与ASCII字符代码的总和联系起来,但是没有成功(我会多玩一点)。