确定React`onFocus`事件是否由鼠标，键盘，程序化触发？

Question

因为React只是说event.type是focus所以我不确定该怎么做才能确定这一点。

仅当焦点不是由鼠标启动时，我才需要运行一些代码。

谢谢你的提示

Answer 1

我认为，您应该使用鸭子类型，例如，只有MouseEvents具有pageX，pageY属性，因此

if (e.pageX || pageY) -> MouseEvent 

键盘事件具有语言环境，位置

if (e.locale || location) -> KeyboardEvent 

您可以在官方文档中找到所有差异： https : //reactjs.org/docs/events.html#supported-events

Answer 2

使用其他仅适用于键盘的事件。 查看其他文章： 区分键盘/鼠标触发的焦点事件

对于React，您想使用onKeyDown或onKeyPress。 您可以在此处查看这些事件： https : //reactjs.org/docs/events.html#keyboard-events