Home/ Questions/Q 6858105
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T02:06:56+00:00

Simple piece of jQuery that adds the class .typing to the <html> tag while

  • 0

Simple piece of jQuery that adds the class .typing to the <html> tag while the user is currently typing. I’ve tried several different things that all haven’t worked, not sure how else to do this.

$('html').keypress(function(){
    $(this).addClass('typing');

    if  ( /* No key is pressed again in the next 0.5 seconds */ ) {
        $('.typing').removeClass('typing');
    }
});
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Create a function which executes certain code after 0.5 seconds, using setTimeout (in conjunction with clearTimeout, to prevent multiple timeouts from be active at a time).

    var timer;                  //Local variable to hold time-out reference
function refreshPress(){
    clearTimeout(timer);    //Prevent stacked time-outs, only one is allowed
    timer = setTimeout(function(){
        $('.typing').removeClass('typing');
    }, 500); //0.5 seconds
}

$('html').keypress(function(){
    $(this).addClass('typing');  //This line can also be merged with refreshPress
    refreshPress();              // Call refreshPress
});
    • 0