问题标签 [mousetrap]

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 投票
0 回答
39 浏览

javascript - 从绑定函数调用函数总是给我相同的值?

我确信有一个非常简单的解决方案,但我无法弄清楚。

无论我在哪张幻灯片上,每当我打电话给trap.bind('left', ...它时,我都会认为我在幻灯片编号上0并想转到幻灯片编号1。我猜它会activeSlide在构建时检查 的值,然后保留该值,所以它不会因为我的函数被绑定而更新?如何确保它始终知道当前活动的幻灯片?

0 投票
0 回答
42 浏览

javascript - 如何检测何时未使用 Mousetrap 输入?

我正在开发一个使用文本输入的应用程序。
我已将 Mousetrap 添加到我的代码库中以利用快捷方式,它按预期工作。

我面临的问题:当调用鼠标陷阱函数时,常规的 keyup 函数也会触发。

我只想在不使用/调用 moustrap 功能时触发常规 keyup 功能。

我已经用谷歌搜索了,但可能没有正确措辞以获得所需的帮助。

常规keyup事件监听器"

捕鼠器功能:

任何帮助深表感谢。

谢谢大家。

0 投票
1 回答
26 浏览

mousetrap - Mousetrap JS,如何绑定1到100的数字?

当序列重复如下时,从 1 到 100 的绑定数字会导致问题。

只有第一个有效。有没有办法绑定从 1 到 100 的所有数字?

0 投票
0 回答
9 浏览

javascript - 使用useMousetrap Hook 在同一页面上注册(和取消注册)多个热键?

我有一个使用反应钩子注册热键的组件:useMousetrap

这是捕鼠器库的钩子包装器。

这是组件:

当我在其他组件或页面中实现该组件时,一切正常。但现在说我想在同一页面上有两个组件:

现在两个组件都尝试注册热键。似乎总是在文档流中稍后出现的那个成功。因此,如果我在上面的示例中按下x,警报会显示Hello from Component B.

有没有办法确保只有一个组件是曾经的active?我正在考虑根据视图中的组件注册和取消注册这些热键,但是useMousetrap作为一个钩子似乎使条件逻辑变得相当困难。我在这里有点困惑。

有没有一种快速简便的方法可以有条件地打开/关闭热键?