Javascript 全局热键(反应热键)在聚焦于输入字段时不工作
我正在使用React热键作为React项目的键盘快捷键。全局热键在聚焦于输入字段时不工作。请帮帮我,我找不到我缺少的东西 演示(录制的屏幕链接):Javascript 全局热键(反应热键)在聚焦于输入字段时不工作,javascript,reactjs,react-redux,hotkeys,angular-hotkeys,Javascript,Reactjs,React Redux,Hotkeys,Angular Hotkeys,我正在使用React热键作为React项目的键盘快捷键。全局热键在聚焦于输入字段时不工作。请帮帮我,我找不到我缺少的东西 演示(录制的屏幕链接): 常量处理程序={ 寄存器:()=>console.log(regFormRef), 注册和账单:()=>console.log(regFormRef), }; 常数注册\密钥\映射={ 注册:['command+enter','ctrl+enter'], 登记票据:[“输入”], }; 预期行为 如果我正在使用,那么它应该直接触发相关操作,焦点应
常量处理程序={
寄存器:()=>console.log(regFormRef),
注册和账单:()=>console.log(regFormRef),
};
常数注册\密钥\映射={
注册:['command+enter','ctrl+enter'],
登记票据:[“输入”],
};
预期行为
如果我正在使用,那么它应该直接触发相关操作,焦点应该无关紧要。我想提交一份表格,但目前,文档集中在任何输入框上,那么它应该提交表格
平台:
- react热键版本:
react热键v2.0.0
- 浏览器浏览器浏览器
- 操作系统:iOS v10.13.6
将解决此问题。@BhuwanAdhikari,您将在其中导入全局热键。下一个问题是什么是配置?所以从“反应热键”导入{configure}@BhuwanAdhikari,您将在其中导入全局热键。下一个问题是什么是配置?所以从“反应热键”导入{configure};
<GlobalHotKeys keyMap={REGISTRATION_KEY_MAP} handlers={this.handlers}>
<RegistrationForm
ref={regFormRef}
onBillClick={this.onBillClick}
patientId={this.state.patientID}
openBill={this.state.openBill}
/>
</GlobalHotKeys>
const handlers = {
REGISTER: () => console.log(regFormRef),
REGISTER_AND_BILL: () => console.log(regFormRef),
};
const REGISTRATION_KEY_MAP = {
REGISTER: ['command+enter', 'ctrl+enter'],
REGISTER_AND_BILL: ['enter'],
};
configure({
ignoreTags: ['input', 'select', 'textarea'],
ignoreEventsCondition: function() {}
});