Skip to content

useKeyPress: 建议修改leftarrow键值与浏览器自带的键值保持一致为arrowleft #2895

@xinxiafeng

Description

@xinxiafeng

问题: 下列代码中我需要单独处理key的时候,发现自定义aliasKeyCodeMap与浏览器默认不一致,AI给出的建议经常五花八门只能查看源码加调试发现

Image

建议:修改leftarrow键值与浏览器自带的键值保持一致为arrowleft, 不然在多useKeyPress 容易误改

useKeyPress(['leftarrow', 'a', 'rightarrow', 'd'], (event) => {
    if (loading) return; // 加载时禁用快捷键
    
    switch (event.key.toLowerCase()) {
      case 'arrowleft':
      case 'a':
        event.preventDefault();
        goToPrevPage();
        break;
        
      case 'arrowright':
      case 'd':
        event.preventDefault();
        goToNextPage();
        break;
    }
  });

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions