jQuery kepress is always done twice #5163

Doob123123 · 2022-11-17T17:34:22Z

Doob123123
Nov 17, 2022

Description

  $(document).ready(function() {
    $('button').click(function() {
      $('button').fadeToggle();
    });
    $('*').keypress(function() {
      $('button').fadeToggle();
      window.setTimeout(2000);
    });
  });

</script>

Every time I go to press any key ONE time, it always triggers it twice, and I am not sure about how to do a workaround for this issue, considering I have only been doing JavaScript for a few months. I found jQuery makes sensing for a keydown a lot easier, but it keeps sensing more than one time.

I expected it to only trigger one time whereas it triggered twice, and I am unsure of the total number of browsers where this is the case, but I can say that I use Google Chrome 102.0.5005.185 (Official Build) (64-bit)

Link to test case

I have a test case on jsfiddle: https://jsfiddle.net/Dabman2392/qpvm6Lu0/22/

Answered by mgol

Nov 17, 2022

The keypress event bubbles so when the body is focused, the handler is being invoked on both <body> and <html> elements, causing the issue you observe. Attach the handler just on a single element to avoid the issue. This has nothing to do with jQuery.

View full answer

mgol · 2022-11-17T21:44:06Z

mgol
Nov 17, 2022
Maintainer

The keypress event bubbles so when the body is focused, the handler is being invoked on both <body> and <html> elements, causing the issue you observe. Attach the handler just on a single element to avoid the issue. This has nothing to do with jQuery.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

jQuery kepress is always done twice #5163

{{title}}

Replies: 1 comment

{{title}}

Select a reply

jQuery kepress is always done twice #5163

Doob123123 Nov 17, 2022

Description

Link to test case

Replies: 1 comment

mgol Nov 17, 2022 Maintainer

Doob123123
Nov 17, 2022

mgol
Nov 17, 2022
Maintainer