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
测试页面: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