Как узнать, была ли нажата кнопка нажата щелчком или клавишей ввода или пробела в реакции. js?

Question

Когда кнопка была нажата, она остается в фокусе, поэтому нажатие клавиши ввода или пробела считается щелчком, но мне нужно, чтобы она работала только с щелчком мыши

Answer 1

Вы можете добавить проверку if к функции вашей кнопки, чтобы увидеть, какая клавиша была нажата, и ничего не делать, если для ее нажатия не использовалась мышь.

<button onClick={ onButtonClick }>My Button</button>

Answer 2

Если вы хотите, чтобы кнопка работала только при щелчке мышью, вы можете попробовать использовать любое из событий мыши вместо использования события onClick.

<button onMouseDown={(event) => console.log(event)}> Button </button>

В вашем случае вы должны использовать событие onMouseDown . Он сработает только при щелчке мышью, а не при нажатии любой клавиши.