Блог

Мне нужно настроить комбинацию кнопок в форме ввода моего приложения react.

1. «CTRL «Стрелка вверх»
2. «Стрела вверх»

Мой код примерно такой.

 //Form  lt;input onKeyDown={keyHandler}/gt;  //handler  const keyhandler = (e) =gt; {  if(e.key === "ArrowUp") {//do something}  if(e.key === 'ArrowUp' amp;amp; e.getModifierState("Control")) {//do another thing}   

Проблема в том, что когда событие запускается с комбинацией, сначала «если» также верно. Как разделить «Стрелка вверх» и «Стрелка вверх» с помощью кнопки ctrl?

Я тоже пытаюсь так (но это не помогло):

  if(e.key === 'ArrowUp' amp;amp; event.ctrlKey){ //do another thing}   

Просто следую твоей логике,

 if (Control is pressed) {  if (ArrowUp is pressed) {  // both are pressed  }  } else {  if (ArrowUp is pressed) {  // only arrow up is pressed  }  }  

Я решил свою проблему с помощью этого.

 if(!e.getModifierState('Control')){  if(e.key == 'ArrowUp'){   //single button action  } } if(e.key == "ArrowUp" amp;amp; e.getModifierState("Control")){  //combo buttons action }