jQuery 热键触发太快：如何捕获较慢的按键？

发布于 2024-12-23 14:26:14 字数 227 浏览 7 评论 0原文

我使用 jQuery 热键插件，代码如下：

$(document).bind('keydown', 'right', function(){
        console.log('fired');
        display_info();
    });

按下右键时，display_info();大约被调用3-4次。如何减慢按键速度？

谢谢！！

原文

I'm using jQuery hotkeys plugin with the following code:

$(document).bind('keydown', 'right', function(){
        console.log('fired');
        display_info();
    });

When the right button is pressed, the display_info(); is called about 3-4 times. How do I catch the keypresses slower?

Thanks!!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

祁梦 2024-12-30 14:26:14

尝试使用 keyup 而不是 keydown，或者构建一个计时器。

这是我制作的一个快速而肮脏的计时器，它应该可以让您很好地了解需要做什么： http ://jsfiddle.net/Grimdotdotdot/bnM4T/6/

回复收藏 0 原文

油饼 2024-12-30 14:26:14

我想添加此内容以防其他人遇到此问题。
你遇到的问题听起来和我遇到的问题一模一样。
如果我绑定多个快捷方式事件，则每个事件的执行时间将比文档中快捷方式绑定的总数少一次。我有这样的事情：

$(document).bind('keydown', 'alt+a', function () {
    alert('A Pressed');
});
$(document).bind('keydown', 'alt+b', function () {
    alert('B Pressed');
});
$(document).bind('keydown', 'alt+c', function () {
    alert('C Pressed');
});

对于每个快捷方式绑定，我会收到两次警报。我解决这个问题的方法是取消绑定快捷方式并添加一个方法来处理警报和取消绑定。

$(document).ready(function () {
    $(document).bind('keydown.alt+a', 'alt+a', function () {
        alertAndUnbind('A', 'alt+a');
    });
    $(document).bind('keydown.alt+b', 'alt+b', function () {
        alertAndUnbind('B', 'alt+b');
    });
    $(document).bind('keydown.alt+c', 'alt+c', function () {
        alertAndUnbind('C', 'alt+c');
    });
});
function alertAndUnbind(letter, shortcut) {
    alert(letter);
    $(document).unbind('keydown.' + shortcut, shortcut);
});

以这种方式使用 unbind 允许我只执行每个快捷方式的代码一次，同时保留每次按下快捷方式时的快捷方式功能，并使我的代码相对干燥。

I wanted to add this in case anyone else was experiencing this issue.
The problem you were having sounds exactly like the one I was having.
If I bound multiple shortcut events then each one would execute one less time than the total number of shortcut bindings in the document. I had something like this:

$(document).bind('keydown', 'alt+a', function () {
    alert('A Pressed');
});
$(document).bind('keydown', 'alt+b', function () {
    alert('B Pressed');
});
$(document).bind('keydown', 'alt+c', function () {
    alert('C Pressed');
});

For each shortcut bind, I would get the alert two times. The way I solved this was to unbind the shortcut and add a method to handle the alert and unbind.

$(document).ready(function () {
    $(document).bind('keydown.alt+a', 'alt+a', function () {
        alertAndUnbind('A', 'alt+a');
    });
    $(document).bind('keydown.alt+b', 'alt+b', function () {
        alertAndUnbind('B', 'alt+b');
    });
    $(document).bind('keydown.alt+c', 'alt+c', function () {
        alertAndUnbind('C', 'alt+c');
    });
});
function alertAndUnbind(letter, shortcut) {
    alert(letter);
    $(document).unbind('keydown.' + shortcut, shortcut);
});

Using unbind in this way allowed me to execute each shortcut's code only once, while retaining the shortcut functionality each time the shortcut is pressed, and keep my code relatively DRY.

回复收藏 0 原文

简单 2024-12-30 14:26:14

$(document).bind('keydown', 'right', function(){
    window.setTimeout(function()
    {
            console.log('fired');
            display_info();
    }, 1000);//milliseconds
});

$(document).bind('keydown', 'right', function(){
    window.setTimeout(function()
    {
            console.log('fired');
            display_info();
    }, 1000);//milliseconds
});

回复收藏 0 原文

~没有更多了~