一个人炫耀什么,说明内心缺少什么 [登录·注册]

吕滔博客

首页 开发 运维 工具 摄影

一个简单好用处理键盘事件的Javascript工具库Kibo 使用方法

前端设计 memory 发布于June 28, 2013 标签: JavaScript

Kibo是一个简单的用于处理键盘事件的Javascript工具库。这个Javascript类库的特点是,它不但能监听普通的按键事件,它还能监听组合键和功能键,例如Ctrl+C,Shift+w。

还有一个特点是,它把各种键都给符合化了,例如,如果你想监听[ctrl alt x]按键事件,你可以直接写成 k.down(‘ctrl
alt x’, handler)。它还支持统配符,例如k.down(['any letter', 'any number']
handler),这就是监听任意的字母和数字的按键事件。

加载进JS文件

这货的下载地址是https://github.com/marquete/kibo

<script type="text/javascript" src="kibo.js"></script>

然后new一下

var k = new Kibo();

接着就可以写你的键盘动作了,比如按下“左右”和弹起“tab”键

k.down(['left', 'right'], function() {
  alert('up or down arrow key pressed');
}).up('tab', function() {
  alert('TAB key released');
});

组合键 以及调用自定义方法

function handler() {
  alert('last key: ' + k.lastKey());
}

k.down(['shift q', 'ctrl alt x'], handler);

按任意键

k.down(['any letter', 'any number'], function() {
  alert('letter or number key pressed');
  alert('shift key was' + (k.lastKey('shift') ? '' : ' not') + ' pressed');
});

k.up('any', function() {
  alert('key released');
});

禁用F5刷新

k.down('f5', function() { return false; });

怎么样,是不是很简单咧!!
附一个它支持的键表

modifiers shift, ctrl, alt
letters a to z
numbers 0 to 9
functions f1 to f12
arrows left, up, right, down
enter, esc, space, backspace, delete, insert, tab, page_up, page_down, home, end, caps_lock, num_lock
wildcards any, any arrow, any number, any letter, any f

相关推荐

添加新评论

全部评论:暂无评论

  1. 渣浆泵

    这个库不错,学习了

  2. 大漠孤鹰997

    文章不错 ,欢迎互踩 哈哈

网站状态

  • 栏目分类:49个
  • 发布文章:1536篇
  • 用户评论:773条
  • 开博至今:4162天

正则速查

[abc] 匹配中括号中的单个字符,如a或b或c
[^abc] 匹配除了a、b、c等字符的其他单个字符
[a-z] 匹配一个字符范围,如a到z
[a-zA-Z] 匹配一个字符范围,如a-z 或 A-Z
^ 匹配行的开始
$ 匹配行的结束
\A 匹配一个字符串的开始
\z 匹配一个字符串的结束
. 匹配任意单个字符
\s 匹配空白字符,如空格,TAB
\S 匹配非空白字符
\d 匹配一个数字
\D 匹配非数字
\w 匹配一个字母
\W 匹配非字母
\b 匹配字符边界
(...) 引用所有括号中的内容
(a|b) a或者b
a? 零个或1个a
a* 零个或多个a
a+ 1个或多个a
a{3} 3次重复的a
a{3,} 3次或3次以上重复的a
a{3,6} 3到6次重复的a

修正符

/g 查找所有可能的匹配
/i 不区分大小写
/m 多行匹配
/s 单行匹配
/x 忽略空白模式
/e 可执行模式,PHP专有
/A 强制从目标字符串开头匹配
/D 使用$限制结尾字符,则不允许结尾有换行
/U 只匹配最近的一个字符串;不重复匹配

最新回复

  • memory: 没测试过...
  • 欧文斯: 对于多个 IP 段呢?比如超过 1000 个 IP 段,匹配速度...
  • 广州网站建设: 了解了,博客的通配符HTTPS证书
  • memory: https://medoo.lvtao.net/1.2/doc....
  • 贾彦东: medoo 在select的时候如何使用sum 比如 sel...
  • memory: 纯PHP文件末尾可以没有?>,你把报错信息发我一下。
  • bigwit: 因为七牛云的免费配额不能https,索性传到自己的vps上去算了...
  • bigwit: 我直接使用,报错啊,方便发我一份吗?
  • memory: 是完整的。这个就是一个简单的上传,你可以自己写个类似的也不难的。
  • bigwit: up.php是不是不完整,刚好我也有这样的需求,麻烦你看看
  • 广州网站建设: 学习了,已经收藏起来了
  • memory: 那就改一下 Widget_Stat 这个插件。增加个方法即可。
  • 梁兴健: 文章总浏览量可以有吗
  • memory: 怪我,写的太差。。。不易懂,,,我的错
  • 善行法脉--改变财运: 你是技术大牛。这个真的看不懂
  • memory: 这个太尴尬了,哈哈,,,那是10年的时候刚接触PHP写的一个类。...
  • 梦游者: //website : http://www.lvtao.ne...