Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to compare events in JavaScript

I want to give document onkeydown & onkeyup in same function

How to know which event that trigger the function ?

<script>

document.onkeydown = listener;
document.onkeyup = listener;

function listener(e) {

 if(e === "onkeydown"){
    console.log("onkeydown");
 }

 else if(e === "onkeyup "){
    console.log("onkeyup ");
 }

 else{
    console.log("unknown");
 }
}

</script>
like image 996
user3578021 Avatar asked Mar 17 '26 11:03

user3578021


2 Answers

You can use e.type

document.onkeydown = listener; document.onkeyup = listener;

function listener(e) {

 if(e.type === "keydown"){
    console.log("keydown");
 }

 else if(e.type === "keyup "){
    console.log("keyup ");
 }

 else{
    console.log("unknown");
 }
}
like image 149
user2019037 Avatar answered Mar 18 '26 23:03

user2019037


You can use e.type but remove the on prefix.

function listener(e) {
   if(e.type.indexOf("key") !== 1)
      console.log("onkey" + (e.type == "keydown" ? "down" : "up")); 
   else { console.log("unknown"); }
}
like image 21
Amit Joki Avatar answered Mar 19 '26 01:03

Amit Joki



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!