''detect'' if user has typed a sequence of words using javascript

Question

im trying to do an easter egg in my website, and i want to detect if the user has typed some words in sequence and in 30sec. The words wont be typed in any textarea or input, it will be just like you land on the page and start typing the words ''hello im Darius'', or you are on the page looking around and you can start typing and the timer starts. I guess it will be something like $(document).keyup(){... but i have no ideia how to track all the words in sequence and in the given time. JQuery or vanilla but i prefer jquery if possible. thanks guys. EDIT: this is what i have so far:

$(document).keypress(function(event){
  if (hotwords && timer){
    hotwords += String.fromCharCode(event.which);

  }else{
    var hotwords = String.fromCharCode(event.which);
    var timer = 1;
    alert(hotwords);
    setTimeout(function(){
      timer = 0;
      hotwords = '';
    },30000);
  }
});

Do you want to detect it by email?

Roman
– Roman

2021-03-26 22:14:09 +00:00
Commented Mar 26, 2021 at 22:14 — Roman
– Roman, Commented Mar 26, 2021 at 22:14
Please show your best attempt, and explain how it fails.

connexo
– connexo

2021-03-26 22:26:49 +00:00
Commented Mar 26, 2021 at 22:26 — connexo
– connexo, Commented Mar 26, 2021 at 22:26
i have added some code.

Alexis Garcia
– Alexis Garcia

2021-03-26 22:53:29 +00:00
Commented Mar 26, 2021 at 22:53 — Alexis Garcia
– Alexis Garcia, Commented Mar 26, 2021 at 22:53

ObjectJosh · Accepted Answer · 2021-03-26 23:07:23Z

1

Here's an example that appends each key pressed into an array. You can implement other methods as well, such as string concatenation or even limiting the amount of characters being stored to 15.

Expected outcome:

A log of keys the user has pressed while they were in the window (not limited to text boxes)
An array of strings, containing the keystrokes

Code:

let keylog = [];
document.onkeydown = function (e) {
    let keypressed = e.key;
    keylog.push(keypressed);
    console.log(keylog);
};

References:

Documentation for document.onkeydown: https://developer.mozilla.org/en-US/docs/Web/API/Document/keydown_event

answered Mar 26, 2021 at 23:07

ObjectJosh

6205 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Alexis Garcia Over a year ago

thanks dude i got it working! i was using $(document).keypress but some reason was not working! Thanks alot!

Collectives™ on Stack Overflow

''detect'' if user has typed a sequence of words using javascript

1 Answer 1

Expected outcome:

Code:

References:

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Expected outcome:

Code:

References:

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related