JQuery 实现网页的快捷键操作

最新推荐文章于 2021-07-22 11:08:44 发布

weixin_34356555

最新推荐文章于 2021-07-22 11:08:44 发布

阅读量168

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/peijian708/archive/2011/04/29/2032425.html

版权

今天同事与我分享了一个关于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

转载于:https://www.cnblogs.com/peijian708/archive/2011/04/29/2032425.html