Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 全局热键(反应热键)在聚焦于输入字段时不工作_Javascript_Reactjs_React Redux_Hotkeys_Angular Hotkeys - Fatal编程技术网

Javascript 全局热键(反应热键)在聚焦于输入字段时不工作

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'], 登记票据:[“输入”], }; 预期行为 如果我正在使用,那么它应该直接触发相关操作,焦点应

我正在使用React热键作为React项目的键盘快捷键。全局热键在聚焦于输入字段时不工作。请帮帮我,我找不到我缺少的东西

演示(录制的屏幕链接):


常量处理程序={
寄存器:()=>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() {}
});