CODEWITHSUNDEEP
javascripthtmldomkeypressevent-listener
pratik karale A68
pratik karale A68

Reputation: 1

keypress event is detecting multiple keypresses when a key is pressed only once in javascript

I added an event listener to the HTML document, and did console.log(event). But when I pressed down a key, console shows multiple events of same keypress.

document.addEventListener("keydown", function(e){
    console.log(event);
})

Upvotes: 0

Views: 661

Answers (3)

Aqib Naeem
Aqib Naeem

Reputation: 441

your function is taking e as a parameter while your console.log is showing event instead of parameter. use this:

document.addEventListener("keydown", function(e){
    console.log(e);
})

Instead of this :

document.addEventListener("keydown", function(e){
    console.log(event);
})

you can also use onkeydown event handler :

document.addEventListener("onkeydown", function(e){
    console.log(e);
})

Upvotes: 0

AhmadKZX
AhmadKZX

Reputation: 303

use keyup instead of keydown:

document.addEventListener("keyup", function(e){
    console.log(e);
})

Upvotes: 4

Blaze_droid
Blaze_droid

Reputation: 479

Your code is worng because you used e as parameter. But you console.log(event) Use console.log(e)

Upvotes: 0

Related Questions