我们如何检测 Macbook Pro 触控栏按键的“keyDown/keyPress”事件？

Question

I recently came across a requirement to close a Modal on Esc key press (508 compliance). I then realised that the onKeyDown handler I wrote on my react component wasn't working as expected. The event wasn't getting fired on clicking Escape key from my macbook pro's touch bar. Has anyone gone through similar issue? If yes, is there a workaround?

Answer 1

You should write onKeyDown={(e) => yourFunctionName(e)} on the Modal element and your function should look like something like this

const yourFunctionName = (e) => { if (e.key === "ENTER") { closeModal() } }

Answer 2

Make sure Esc key-code is 27

func((e) => e.keyCode === '27'){
  //your code }