peijian708

JQuery 实现网页的快捷键操作

今天同事与我分享了一个关于JQuery 实现B/S (或说网页)页面的快捷键操作方法,

测试页面http://img.jb51.net/online/jquery_HotKeys.html 

插件下载地址http://code.google.com/p/js-hotkeys/downloads/list

测试页面的一些代表性代码:
jQuery(document).bind(\'keydown\', \'f6\',function (evt){jQuery(\'#_f6\').addClass(\'dirty\'); return false; });
jQuery.hotkeys.add(\'left\',function (){jQuery(\'#_left\').addClass(\'dirty\')});
                jQuery.hotkeys.add(\'up\',function (){jQuery(\'#_up\').addClass(\'dirty\')});
                jQuery.hotkeys.add(\'right\',function (){jQuery(\'#_right\').addClass(\'dirty\')});
                jQuery.hotkeys.add(\'down\',function (){jQuery(\'#_down\').addClass(\'dirty\')});
                jQuery.hotkeys.add(\'f1\',function (){jQuery(\'#_f1\').addClass(\'dirty\')});

jQuery.hotkeys.add(\'Ctrl+a\',function (){jQuery(\'#_Ctrl_a\').addClass(\'dirty\')});

jQuery.hotkeys.add(\'Alt+a\',function (){jQuery(\'#_Alt_a\').addClass(\'dirty\')});

jQuery.hotkeys.add(\'Shift+a\',function (){jQuery(\'#_Shift_a\').addClass(\'dirty\')});

$.hotkeys.add(\'键名\', function(){ 要实现的目的}); 

//键名可以是单键,也可以是组合键例如:ctrl+c就表示同时按下ctrl和c

分类:

技术点:

相关文章: