jQuery键盘按键监测键盘行为

admin 发布时间:2016-02-15 分类:Web 阅读:3305次 1 条评论

在编写前端程序的时候需要与用户进行键盘交互,如果自己写检测用户按键代码,会造成各个不同浏览器的兼容性问题。

我们可以使用jQuery Hotkeys plugin这个Jquery库来实现效果,以兼容不同的浏览器。jQuery Hotkeys plugin的GitHub

大致的代码:

对某个键或组合键绑定函数:

$.hotkeys.add('键名', function(){ 要实现的目的}); 
//键名可以是单键,也可以是组合键例如:Ctrl+c

取消绑定的函数:

$.hotkeys.remove('键名');

其他用法:

检测用户是否按下某一个按钮:

$(function () {
    window.keydown = {};
    function keyName(event) {
        return jQuery.hotkeys.specialKeys[event.which] ||
            String.fromCharCode(event.which).toLowerCase();
    }
    $(document).bind("keydown", function (event) {
        keydown[keyName(event)] = true;
    });
    $(document).bind("keyup", function (event) {
        keydown[keyName(event)] = false;
    });
});

使用的时候:

if(keydown.space)
  alert("您按下了空格键");
if(keydown.left)
    alert("您按下了左键");


关键字词: jQueryjQuery库键盘监测

已有1条留言

发表评论:

◎欢迎您的参与讨论。