dart - Dart 中的跨浏览器键事件处理程序

标签 dart

我正在使用 M1 版本并编写了一个如下所示的 key 处理程序:

void _onKeyPress(KeyboardEvent e) {
  switch (e.keyIdentifier) {
    case KeyName.UP:
    case KeyName.LEFT:
      e.preventDefault();
      prev();
      break;

    case "U+0020": // FIXME Must be a better way, or?
    case KeyName.DOWN:
    case KeyName.RIGHT:
      e.preventDefault();
      next();
      break;
  }
}

它在 Chrome 中运行良好,但在 FF 或 IE 中不行。必须有更好的方法来处理空格键并仍然将其保留在一个开关中,对吗?我知道我可以查看其他字段以获得空间,但这也不是一个好的选择(从那时起我会将代码分成两个 switch 语句。)无论如何,它在 FF 和 IE 中不起作用的问题更糟.如果我重写使用 keyCode相反,它在所有浏览器上都能正常工作。
void _onKeyPress(KeyboardEvent e) {
  switch (e.keyCode) {
    case 38:
    case 37:
      e.preventDefault();
      prev();
      break;

    case 32:
    case 40:
    case 39:
      e.preventDefault();
      next();
      break;
  }
}

我的问题是我找不到虚拟键码的常量。难道我做错了什么?在 Dart 中处理跨浏览器兼容的关键事件的最佳方法是什么?

最佳答案

根据您的问题,另一个答案是 source code , 而这个 bug (你应该加注星标),这是我的建议:

  • 使用键码。
  • 如果需要,不要害怕使用 if/else if 而不是 switch 语句。 JavaScript 无论如何都没有优化的 switch 语句。
  • 直到 this bug得到修复,您可能应该只创建自己的常量。

  • 更新 : 这是fixed .

    关于dart - Dart 中的跨浏览器键事件处理程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13141946/

    相关文章:

    string - 如何在 Flutter 中将列表转换为字符串?

    dart - 如何在Dart中更改类的打印输出/描述?

    dart - 如何自定义下拉按钮

    dart - Flutter - 通过滑动或按下 floatingActionButton 来展开 bottomNavigationBar

    flutter - 如何在 flutter 中从 Firebase 存储获取下载 URL

    dart - 为什么未初始化Module.DEFAULT_REFLECTOR?

    dart - 调试Angular Dart路由

    Flutter:显示分钟和秒的倒数计时器

    firebase - 如何通过索引删除特定数组

    flutter - 我可以将 BuildContext 传递给 Compute 吗?