What code Can I use instead of "keypress" and "even.key"

Question

VS code crosses out event.key. I think it's deprecated. I want the code below to run when I press enter. What should I do VS code crosses out event.key. I think it's deprecated. I want the code below to run when I press enter. What should I do

  //js code    
  document.querySelector("#addNewTaskBtn").addEventListener("click",newTask);    
  document.querySelector("#addNewTaskBtn").addEventListener("keypress",()=>{    
     // Problem is here
    if(event.key=="Enter"){
     //vs code crosses out event.key. I think it's deprecated. I want the code below to 
     //run  whenI press enter. What should I do
         document.getElementById("addNewTaskBtn");
          }
    });

It should be `"keypress", (event) ` instead of `"keypress", () ` — Hoàng Huy Khánh, Aug 19 '22 at 17:31

score 1 · Answer 1 · answered Aug 19 '22 at 17:35

1

Replacement for deprecated `keypress` DOM event

https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/code

Keydown is likely your better choice instead of keypress, and KeyboardEvent.code is likely your better choice instead of event.key.

answered Aug 19 '22 at 17:35

Taylor Morgan

51
5

1

`event.code` and `event.key` are both equally valid as they do different things (`event.key` depends on the keyboard layout while `event.code` doesn't). – Guillaume Brunerie Aug 19 '22 at 17:43
1

Definitely had a brainfart, it's `event.keyCode` that's deprecated, you're right – Taylor Morgan Aug 19 '22 at 18:44

What code Can I use instead of "keypress" and "even.key"

1 Answers1