【问题标题】:How to select alt+anykey or shift+anykey in react-hotkeys?如何在 react-hotkeys 中选择 alt+anykey 或 shift+anykey?
【发布时间】:2019-07-03 12:43:28
【问题描述】:

我搜索但没有找到任何东西并尝试了以下代码但它没有工作。

keyMap = { ALT_ANY: 'alt+*' };

我的问题是如何将任何键映射到alt? 我的意思是如果用户按下任何字符键或任何带有 alt 的键。

例如:-alt+aalt+balt+calt+d..... 都在一个事件中。

react-hotkeys 如果您需要库链接。

【问题讨论】:

    标签: javascript reactjs keyboard-shortcuts keyboard-events hotkeys


    【解决方案1】:

    我还没有找到 react-hotkeys 的解决方案,但我有另一个,可能对你有用:

    import React, {Component} from "react";
    
    export default class extends Component {
    
        reportKeyEvent = ({altKey, key}) => (altKey && key !== 'Alt') ? console.log(`Alt+${key}`) : null
    
        render = () => <input type="text" onKeyDown={(e) => this.reportKeyEvent(e)} /> 
    
    }
    

    【讨论】:

    • 不,我不希望它在指定的输入焦点上,我希望它在页面、文档的任何输入上,或者不管焦点在哪里,这就是我使用库的原因。跨度>
    • 我向你推荐我的decision 没有任何库,希望你能明白我的想法
    猜你喜欢
    • 2011-09-24
    • 1970-01-01
    • 2011-06-17
    • 1970-01-01
    • 2012-04-02
    • 1970-01-01
    • 2020-10-29
    • 1970-01-01
    • 2021-08-09
    相关资源
    最近更新 更多