问题标签 [angular-hotkeys]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
336 浏览

angular - Angular2-hotkeys 中的 Cheetsheet 不起作用

我正在尝试 angular2-hotkeys 库为我的应用程序提供热键功能。我以https://www.npmjs.com/package/angular2-hotkeys提供的官方文档为例。

根据文档,通过使用

我们可以在我们的应用程序中启用 cheetsheet 功能。但是,我不确定如何将热键列表添加到此小抄。

此外,有没有一种方法可以在添加热键时将热键自动注册到备忘单。

任何线索都非常感谢。

谢谢!

0 投票
0 回答
642 浏览

angular - Angular2:使用 HostListener 与 Mousetrap 的快捷键

我正在开发一个 Angular2 项目,其中我想为各种功能合并快捷键。

我对两种方法感到困惑。一种是使用 HostListener 创建快捷方式,如下所示:

另一种方法是使用Mousetrap JS 框架,然后围绕它创建一个服务,该服务是为我的项目定制的,就像在angular2-hotkeys中所做的那样。

根据我的一些使用 Mousetrap 而不是 Hostlistener 的优点 -

  1. 添加/删除/暂停/取消暂停快捷方式的常用服务。
  2. 从配置文件中读取热键。
  3. 易于编码和维护。

对于 angular2 来说,这将是一个更好的方法。

我特别担心性能下降。

0 投票
2 回答
1664 浏览

javascript - GlobalHotKeys(react-hotkeys)在专注于输入字段时不起作用

我在 React 项目中使用 React-hotkeys 作为键盘快捷键。GlobalHotKeys 在专注于输入字段时不起作用。请帮助我,我无法找出我错过了什么。

演示(录屏链接):https ://recordit.co/ffVKvn9uVw

预期行为

如果我正在使用,那么它应该直接触发相关动作,焦点应该无关紧要。例如。我想提交一个表单,但目前,文档集中在任何输入框上,然后它应该提交表单

平台:

  • 反应热键版本:react-hotkeys v2.0.0
  • 浏览器镀铬
  • 操作系统:iOS v10.13.6
0 投票
0 回答
24 浏览

javascript - 如果内容 iframe 具有焦点,则热键导航不起作用

我有一个角度应用程序。每当焦点在 iframe 内容上时,键盘导航不起作用,向上和向下键。将 css 更改为“指针事件:无”会扰乱应用程序行为。谁能帮我解决这个问题。