最近遇到一个关于按键事件的问题,暂时未搞明白是怎么回事,希望有高人能指点一二
场景描述
在react项目中对一个原生input
组件绑定onBlur
, onKeyDown
, onKeyUp
这3个props对应的handler,但是在这个组件中按下esc
键的时候却只触发了blur事件的handler,keydown和keyup事件的handler都没触发,如果在react框架之外对其事件绑定处理方案,按下esc
键的时候会触发了keydown
事件的keyup
事件,但是没有触发blur
事件
暂时还没查到具体原因,希望有明白的大神指点一下
写了一个简单的demo,可打开控制台观察结果。如下:
https://s.codepen.io/RunningCoderLee/debug/EERMGX/mVAbGEybexjk