Fatal编程技术网
  • javascript/
  • Javascript 如何监视用户单击的内容

Javascript 如何监视用户单击的内容

javascript jquery html css

Javascript 如何监视用户单击的内容,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我现在很难弄清楚我应该如何监控用户的每次点击 我的小游戏是这样做的： 您有5个按钮，1个开始按钮和4个按钮，它们将以随机顺序突出显示 之后，我希望用户按突出显示的顺序单击按钮（在10秒时间内，我还没有实现10秒时间） 我不知道如何限制用户只能够在给定的时间内按下按钮，并通过JavaScript和Jquery查看他按下的按钮（如果您不能限制，至少可以查看他按下的按钮） 然后，我将保留他在数组“input”中按下按钮的顺序 这是我的密码： HTML: <!DOCTYPE html> &

我现在很难弄清楚我应该如何监控用户的每次点击

我的小游戏是这样做的：

您有5个按钮，1个开始按钮和4个按钮，它们将以随机顺序突出显示

之后，我希望用户按突出显示的顺序单击按钮（在10秒时间内，我还没有实现10秒时间）

我不知道如何限制用户只能够在给定的时间内按下按钮，并通过JavaScript和Jquery查看他按下的按钮（如果您不能限制，至少可以查看他按下的按钮）

然后，我将保留他在数组“input”中按下按钮的顺序

这是我的密码：

HTML:

<!DOCTYPE html> 
<html lang="ro"> 
<head> 
<link href="my.css" type="text/css" rel="stylesheet">
<script type="text/javascript"  src="jquery-1.11.0.js"></script>
<script src="Joculet.js" type="text/javascript"> </script>

<meta charset="utf-8">
<title> Joculet </title>
 </head>

<body>
<div id ='tot'>
<button type='button' class='cls1' id='id1'></button>

<button type='button' class='cls2' id='id2'></button>

<button type='button' class='cls3' id='id3'></button>

<button type='button' class='cls4' id='id4'></button>

<button type='button' id='start'>Click Me!</button> 
</div>



</body>
</html>
最重要的是：

    var k = 1;
    var g = 1;
    var nrmax = 8;
    ordine = new Array();
    var j = 0;
    input = new Array();

    $(document).ready(function () {
    $('#start').click(function () {
        game();
    })

    function game() {
        if(k <= nrmax){
            if(g <= k){
                var x = Math.floor((Math.random() * 4) + 1);
                ordine[j++] = x;
                change1(x);
            }
            else {
                    alert('Felicitari ai castigat runda');
                    g = 1;
                    k++;
                    j = 0;
                    ordine = new Array();
                    setTimeout(function(){game();},2000);
                }
        }
        else alert('Felicitari ai castigat jocul');

    }

    function change1(y) {
        var z = 'cls' + y;
        var t = 'cls' + y + 2;
        $("." + z).removeClass(z).addClass(t);
        setTimeout(function() { change2(y); }, 500);
    }

    function change2(y) {
        var z = 'cls' + y + 2;
        var t = 'cls' + y;
        $("." + z).removeClass(z).addClass(t);
        g++;
        setTimeout(function(){game();},500);
    }

});

var k=1；
var g=1；
var-nrmax=8；
ordine=新数组（）；
var j=0；
输入=新数组（）；
$（文档）.ready（函数（）{
$（“#开始”）。单击（函数（）{
游戏（）；
})
函数游戏（）{

如果（k我想我正确理解了你的问题。我没有包括计时器，但下面是如何在输入数组中保持单击按钮的顺序




不要忘记检查控制台以查看输出。希望这有帮助！如果您有任何问题或我有误解，请告诉我。
如果我理解正确-您希望在10秒内为用户单击4个按钮计时。当用户单击开始时，我将启动javascript计时器


setTimeout(disablebuttonsaftertimeout, 10000);


然后在计时器过期后禁用按钮。
“我不知道如何限制用户只能在给定的时间内按按钮，并查看他按的按钮”-这里有两个问题


    

  • 我不知道如何限制用户只能在给定时间内按按钮-如果时间已过，请禁用/隐藏按钮
    • 

  • 查看他每次按下按钮时按下的按钮-在数组中存储按钮的id
    • 

  • 此外，为了限制用户按任何其他按钮，请在无法按的按钮上添加一个类“错误”，然后单击检查（
    ）如果$（this）。hasClass（'error'）返回0；
    • 

没问题！如果这解决了您的问题，请不要忘记将此答案标记为正确。谢谢！哦！我完全忘记了！谢谢，很高兴我能帮上忙！

        $('button').click(function(){
            input.push( $(this).attr('id') );
            console.log(input);
        });



setTimeout(disablebuttonsaftertimeout, 10000);