KeyboardEvent key property clarification on how to use ShiftKey modifier

[kanban-study]

MDN URL

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

What specific section or headline is this issue about?

No response

What information was incorrect, unhelpful, or incomplete?

While the page does mention that what's being checked is the printed output, it was not clear to me that to get, for example, shift + b, I needed to check for a capital B. As in:

//looking for shift + b
if(e.shiftKey && e.key == 'b') {
  //does not work
}

if(e.key == 'B') {
  //works
}

//looking for just b
if(e.key == 'b') {
  //works
}

What did you expect to see?

More clarification on how to check for key combinations with modifiers. Adding an example would have been helpful 😢

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

Page report details

• Folder: en-us/web/api/keyboardevent/key
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/api/keyboardevent/key/index.md
• Last commit: 72ca3d7
• Document last modified: 2024-01-08T13:33:20.000Z