键盘
1 人感兴趣 · 13 次引用
- 最新
- 推荐

Web 键盘输入法应用开发指南(10)—— 性能与原理
在本文中,我们先来讨论事件处理时的性能问题,尤其是针对键盘和输入法事件处理流程的性能优化。然后我们稍微深入到浏览器的实现,探究一下从用户按下键盘,到输入的文本出现在页面上,中间经历了什么。

Web 键盘输入法应用开发指南(9)—— 标准与实现
这篇文章中,我们通过两个特别的主题来探讨标准与实现的问题。在Web前端领域,虽然标准总是先行,但浏览器厂商以及各平台是否跟进,却有着自己的考量。在前面的文章中,我们已经多次提到过具体的案例,本文中案例一个是关于特殊的keyCode属性[1],另一个是关

Web 键盘输入法应用开发指南 (8) —— 模拟事件
在这篇文章中,我们来来聊聊如何在Web应用中模拟各类事件的触发。有时候我们需要通过程序脚本,主动触发一些内置事件(如键盘、鼠标、触碰等),或者自定义事件,以满足业务需求。另外,在做Web程序的自动化时,模拟事件的触发也是必备的技能。

Web 键盘输入法应用开发指南 (7) —— 开发实战(二)
在这篇文章中,我们来完成在线输入法(Online IME)小程序的基本功能。实现的点包括,使用SHIFT键来切换中英文输入状态,给候选列表提供分页的功能,并且在适当的时候阻止composition事件的处理。跟商业输入法相比,这里实现的功能还是极为有限,但这两篇实践

Web 键盘输入法应用开发指南 (6) —— 开发实战(一)
从这篇文章开始,我们通过一个小项目来实践键盘和输入法相关的开发要点。这是一个在线输入法(Online IME)工具,功能类似Google提供的一个在线输入工具[1]。有了这类工具,你可以在Web页面里面直接使用输入法输入,而不依赖本地设备是否安装输入法。完整代码

Web 键盘输入法应用开发指南 (5) —— 实战技巧
在这篇文章中,我会分享一些在实际项目中遇到的问题以及常用实践供大家参考,避免踩坑。多踩坑虽然能积累经验,但也会浪费时间。与键盘和输入法相关的Web应用常常要处理平台兼容性的问题,开发者不仅要通过各种设备覆盖各个浏览器的实现,还要测试各种用户输

Web 键盘输入法应用开发指南 (4) —— 组合键
在Web应用程序中,组合键也是一种常用的功能,比如复制-剪切-粘贴的系统功能,ALT+F打开文件菜单的浏览器功能,以及一些自定义的组合键(比如Ctrl+Shift+A完成应用程序的某个操作)。更广义的组合键还包括在某些欧洲键盘布局上,一些特殊字符的输入方式。例如

Web 键盘输入法应用开发指南 (3) —— 输入法事件
在这篇文章中,我们开始探讨浏览器对输入法(Input Method Editor, IME)[1]相关事件的支持。我们经常使用中文,因此对输入法并不陌生。事实上,输入法只有在中文、日文和韩文等少数语言中有用,大部分欧美人可能都没有输入法的概念。不过考虑到使用输入法的

Web 键盘输入法应用开发指南 (2) —— 键盘事件
在上一篇文章中,我简单介绍了与Web键盘和输入法应用相关的关键技术点。从这篇文章开始我们针对各个主题深入,看有哪些在开发中值得注意的地方。这里先从浏览器支持的与输入相关事件(按键、输入等)开始。

Web 键盘输入法应用开发指南 (1) —— 基本概念
在Web应用中,用户交互是十分基本和重要的功能,而来自用户的输入又离不开键盘。现代Web浏览器已经在底层对键盘做了相对较好的支持(逐渐就能看出为什么是“相对”),并通过API的方式暴露给开发者。这包括针对按键的事件捕获,不同语言键盘布局(Keyboard L

键盘敲入 A 字母时,期间发生了什么....
键盘可以说是我们最常使用的输入硬件设备了,但身为程序员的你,你知道「键盘敲入A 字母时,操作系统期间发生了什么吗」?

玄铁重剑,我用过最贵重的键盘
以前我用过最贵的键盘是 HHKB,我还专门写了一篇文章。现在这个位置易主了,新键盘不仅贵,而且重,是为贵重。这款键盘就是苹果 4 月为 iPad Pro 配置的妙控键盘。因为我的 iPad Pro 是 12.9 寸,所以这款键盘的售价是 2699,比我的 HHKB 还贵。