本文引自
外刊IT评论网
入门
Kibo不依赖任何东西。你只要把它放到你的HTML代码里就行了:
<script type="text/javascript" src="kibo.js"></script>
下载 kibo.js
创建一个Kibo对象实例,事件监听器就建立起来了:
var k = new Kibo();
Kibo对象的构造器有一个可选参数——你指定的接收事件的HTML元素。可以是
input,
textarea 或
select,缺省情况下是
window.document。
语法和用法
本工具库提供了两个简单的方法——
down and
up, 它们都接收两个参数:一个按键或多个按键的组合或通配符,以及一个当有匹配的按键事件发生时调用的函数。这两个方法都可以链式调用。
按键组合是指控制键和字符键的组合,或者简单的是一个或多个控制键。你可以向这两个方法传入单个或一个数组形式的多个组合键。
当函数被调用时,事件将被传入这个函数。如果你的事件没有什么操作,忽略就行了。如果函数返回了false,事件的缺省操作将被阻止。
Kibo里提供了一个lastKey方法,用来查询最后一次键盘事件是由什么键产生的。它会返回键的名称,如果在最后的一次按键是不支持的键,方法将返回undefined。除此之外,你还可以用lastKey判断是否是某个特定的功能键被按下,它会要么返回true 要么返回 false。
受支持的按键
Kibo 支持下面的这些按键,拼写这些按键名时不区分大小写:
- 控制键 shift, ctrl, alt
- 字母键 从a 到 z
- 数字键 从0 到 9
- 功能键 从f1 到 f12
- 方向键 left, up, right, down
- enter, esc, space, backspace, delete, insert, tab, page_up, page_down, home, end, caps_lock, num_lock
- 通配符 any, any arrow, any number, any letter, any f
例子
var k = new Kibo();
单键或多键组合
k.down(['up', 'down'], function() {
console.log('up or down arrow key pressed');
}).up('tab', function() {
console.log('TAB key released');
});
含有控制键的组合键
function handler() {
console.log('last key: ' + k.lastKey());
}
k.down(['shift q', 'ctrl alt x'], handler);
通配符
k.down(['any letter', 'any number'], function() {
console.log('letter or number key pressed');
console.log('shift key was' + (k.lastKey('shift') ? '' : ' not') + ' pressed');
});
k.up('any', function() {
console.log('key released');
});
阻止缺省事件
k.down('f5', function() { return false; });
License
Kibo is released under the MIT License
分享到:
相关推荐
Kibo是一个专门为处理键盘事件设计的简单而实用的JavaScript库。它可以轻松集成到任何网页中,用于监听和响应键盘按键动作。Kibo库不需要依赖其他JavaScript框架或库,这意味着你可以在你的HTML页面中直接通过一个...
标题 "kibo.rar_javascript" 暗示我们正在处理一个与JavaScript相关的资源,特别是与键盘事件处理有关的工具库。这个工具库可能是为了简化在Web应用中对用户键盘输入的响应而设计的。在JavaScript中,键盘事件是用于...
"前端项目-kibo"是一个针对键盘事件处理的实用工具,它以简洁的API和强大的功能,降低了前端开发中的键盘交互难度。通过理解和应用kibo,开发者可以创建出更加响应用户输入、体验更佳的Web应用。无论是新手还是经验...
为了实现这一点,我们通常会在同一个事件处理函数中调用自定义的方法。但是,直接在事件处理函数中调用一个执行时间较长的方法可能会导致浏览器在方法执行完成之前就触发了默认事件。为了规避这个问题,可以使用 ...
在第一个命令中,将env_key替换为适当的环境。 (请参阅配置步骤) 在第二个命令中,用kibo的用户名和密码替换和密码。 2.贡献 确保您已经为代码编写了测试用例。 审核您的代码 提出拉取请求并检查评论并进行...
Kibo Technology Fund总部位于韩国釜山,主要为新公司提供技术保证和评估服务。通过帮助技术领域的新公司简化投资手续并增强技术创新能力,Kibo Technology Fund希望在国家经济增长大潮中顺势而上。
报告标题《KIBO-电子商务个性化营销调查(英文)-2020.5-11页精品报告.pdf》和描述表明,该文件是一份专注于电子商务个性化营销的研究报告,涵盖了一段时间内的行业趋势、数据分析和策略建议。报告的标签为“行业...
KIBO-美国B2B电子商务报告(英文)-6-19页.pdf
完整的个性化体验要求商家从订单处理到营销活动的每个环节都有清晰的战略。这不仅涉及到技术实施,还包括数据隐私、合规性以及对消费者体验的整体考量。 7. **结论** 面对疫情带来的不确定性,个性化营销不仅是...
音通Intonarumori是一个项目,旨在探索使用模拟机器创建声音,节奏和音乐的过程。 是二十世纪初由意大利未来主义艺术家( 发明和建造的实验乐器的名称。 Luigi Russolo(左)在他的实验室中。让·廷格利(Jean ...
塔夫茨大学的阿曼达·沙利文研究了一款名为Kibo的无性别区分的机器人套件,结果显示,女孩在与Kibo互动后,对工程的兴趣显著提升,与男孩的兴趣水平相当。 然而,市场销售数据表明,即使设计无性别偏见的玩具,也...
工具 -Node.js程序包管理器。 -JavaScript模块捆绑器。 建立之前 请参阅 请参阅 请参阅。 您可以构建自定义的AWS Chime客户端。 建造 $ git clone git@github.com:Kibo/aws-chime-webclient.git $ cd aws-chime-...
蒸汽)版本:1.1(发布于2018年6月15日)指数工具的简要历史如何安装工具如何将翻译后的文本重新插入STEAM中我要感谢“ Project Zetsubou”和“ ThunderGemios10”团队,因为如果没有他们的帮助,该工具的这个版本将...
kiBon交换服务 开发环境设置 准备环境 在启动Quarkus应用程序之前,必须运行一些服务:Postgres,Kafka,Schema Registry,Zookeeper和Keycloak。 将.env-template文件复制到文件.env的项目根目录。 在创建的...