Jquery键盘事件处理插件及DEMO

web程序在很多地方需要处理键盘事件,例如:按Ctrl+Enter回复,按左右光标键到不同的文章上面。javascript能够处理键盘事件,但是浏览器差异很不好处理。不过有了Jquery以后,一切就都变的不一样了,Jquery键盘事件处理插件jquery.hotkeys非常好用,不存在浏览器差异问题,即使是浏览器默认的一些快捷键,页面上也可以接受到信息,下面就简单介绍一下jquery.hotkeys在实际应用的情况。

jquery.hotkeys官网 http://plugins.jquery.com/project/hotkeys

jquery.hotkeys下载 http://code.google.com/p/js-hotkeys/downloads/list

jquery.hotkeys Demo

响应回车事件的代码:

$(document).bind(‘keydown’, ’return‘, function () {   
       alert(“你点击了回车按钮。”);   
   }); 

非常简单,你只需要绑定响应的页面就可以处理,有的项目需要按回车,到下一个输入框,在函数里面处理就可以。

响应组合键的代码:

$(document).bind(‘keydown’, ’Ctrl+e’, function () {   
        alert(“你按了Ctrl键和E键。”);   
});  

  代码都很简单,你可以在这里看到完整的 Jquery键盘事件处理插件jquery.hotkeys Demo及各种键的绑定值。

 DEMO下载地址

本文标题:Jquery键盘事件处理插件及DEMO

本文链接: http://www.zlblogs.com/jquery-hotkeys-demo.html


你可能感兴趣的:(Web前端)