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

posted on 2011-04-29 09:40 J-Pei 阅读(...) 评论(...) 编辑 收藏

导航

统计