如何在 Javascript 中同时监听两个按键事件？

Question

Below code works perfectly fine but I'm trying to achieve here is that I want to listen for ctrl + b key and Output some value according to it.

  document.addEventListener( 'keydown', (event) => {
    event.preventDefault();
    if (event.code === 'ControlLeft') {
      console.log('CTRL Left Pressed')
    }
});

I've tried && operator in below example but it's not working for me.

  document.addEventListener( 'keydown', (event) => {
    event.preventDefault();
    if (event.code === 'ControlLeft' && event.code === 'KeyB') {
      console.log('CTRL Left and b Pressed')
    }
});

Answer 1

Check out this link;

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

The KeyboardEvent comes with a ctrlKey property especially for these kinds of uses.

Your code would then become;

document.addEventListener( 'keydown', (event) => {
    event.preventDefault();
    if ( event.code === 'KeyB' && event.ctrlKey === true ) {
      console.log('CTRL Left and b Pressed')
    }
});

Answer 2

 document.addEventListener( 'keydown', (event) => { event.preventDefault(); if( true === event.ctrlKey && 'b' === event.key ) console.log('CTRL+B Combination true;') });

 Press CTRL+B Combination.