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