循环暂停,直到用户输入内容,然后继续,在Javascript或Jquery?

时间:2014-11-04 05:49:47

标签: javascript jquery html html5 loops

我正在创建一个HTML5应用程序,这就是我想要做的事情:

我想创建一个循环,只要x小于y,它就会暂停,询问用户输入,一旦用户输入内容,它将检查x是否小于y,暂停和要求用户输入....直到x不再小于y。

我希望输入是Framework7操作表中的按钮:http://www.idangero.us/framework7/docs/action-sheet.html#.VFhLMBb4oUM 所以我希望循环等到用户按下其中一个按钮。

这可以在Jquery或Javascript中完成吗?

---- -----编辑

抱歉,我错过了一个非常重要的细节。程序运行,用户输入单词(我们称之为w),一旦他/她执行该操作并单击按钮。在此之后,输入被分成一个数组,其中每个单词是一个不同的值(称为这个数组字)。 我有一个数组存储单词,以及它们是什么词。用户将确定他们的词性。

我想要一个循环或事件(两者)来触发这样的东西:

for(i=0;i<words.length){
var buttons = [
    {
        text: 'What is "'+listandtypes[0][i]+'"', //word
        label: true
    },
    {
        text: 'Adjective',
        onClick: function () {
            listandtypes[1][i] = "adj"; //part of speech
            myApp.alert('Button1 clicked');
        }
    },
    {
        text: 'Adverb',
        onClick: function () {
            listandtypes[1][i] = "adv";
            myApp.alert('Button2 clicked');
        }
    },
    {
        text: 'Noun',
        onClick: function () {
            listandtypes[1][i] = "noun";
            myApp.alert('Button2 clicked');
        }
    },
    {
        text: 'Verb',
        onClick: function () {
            listandtypes[1][i] = "verb";
            myApp.alert('Button2 clicked');
        }
    },
    {
        text: 'Other',
        color: 'red',
        onClick: function () {
            listandtypes[1][i] = "idk";
            myApp.alert('Cancel clicked');
        }
    },
];
myApp.actions(buttons);
        } //I want this loop to wait until a button is pressed
//More code
}

1 个答案:

答案 0 :(得分:2)

使用事件而不是循环可以更好地处理此类功能。 在输入上创建一个事件。按下按钮,输入按下或跳出字段。附上事件处理程序并检查那里的条件。