Is there another event I can listen for when I want to listen for an Apple Touch Bar keypress? Specifically, I would like to listen for the Escape keypress event.

My code is working on "regular" keyboards, with actual escape keys, but not with the Touch Bar.

listenForKeypressEvent = (e) => {
    console.log(e);
    if (e.keyCode === 27 || e.key === "Escape") {
        // do the things
    }
}

window.addEventListener('keypress', listenForKeypressEvent);

Is there another event I can listen for when I want to listen for an Apple Touch Bar keypress? Specifically, I would like to listen for the Escape keypress event.

My code is working on "regular" keyboards, with actual escape keys, but not with the Touch Bar.

listenForKeypressEvent = (e) => {
    console.log(e);
    if (e.keyCode === 27 || e.key === "Escape") {
        // do the things
    }
}

window.addEventListener('keypress', listenForKeypressEvent);

• javascript
• macbookpro-touch-bar

• In which browser? – dolmen Commented Dec 19, 2018 at 17:53
• Chrome, Firefox. Keydown worked – Tiff Nogueira Commented Dec 20, 2018 at 18:06

2 Answers 2

Using keydown instead of keypress works.

window.addEventListener('keydown', listenForKeypressEvent);

Not sure why but in my case keyup worked fine for me

window.addEventListener('keyup', listenForKeypressEvent);