admin 发布时间:2016-02-15 分类:Web 阅读:3879次 1 条评论
在编写前端程序的时候需要与用户进行键盘交互,如果自己写检测用户按键代码,会造成各个不同浏览器的兼容性问题。
我们可以使用jQuery Hotkeys plugin这个Jquery库来实现效果,以兼容不同的浏览器。jQuery Hotkeys plugin的GitHub。
大致的代码:
对某个键或组合键绑定函数:
$.hotkeys.add('键名', function(){ 要实现的目的}); //键名可以是单键,也可以是组合键例如:Ctrl+c
取消绑定的函数:
$.hotkeys.remove('键名');
其他用法:
检测用户是否按下某一个按钮:
$(function () { window.keydown = {}; function keyName(event) { return jQuery.hotkeys.specialKeys[event.which] || String.fromCharCode(event.which).toLowerCase(); } $(document).bind("keydown", function (event) { keydown[keyName(event)] = true; }); $(document).bind("keyup", function (event) { keydown[keyName(event)] = false; }); });
使用的时候:
if(keydown.space) alert("您按下了空格键"); if(keydown.left) alert("您按下了左键");
发布于 2016-02-18 10:08:00 回复该评论
发表评论:
◎欢迎您的参与讨论。