写点什么

输入法

0 人感兴趣 · 10 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/09/0945cad80232da076b41b898360b663d.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web 键盘输入法应用开发指南(10)—— 性能与原理

用户头像
天择
3 月 23 日

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

https://static001.geekbang.org/infoq/10/1078b252878884d2bae17e92a1ee54ad.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web 键盘输入法应用开发指南(9)—— 标准与实现

用户头像
天择
3 月 18 日

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

https://static001.geekbang.org/infoq/bb/bb3a0a43d0de39602c48d0d573fc0cd8.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web 键盘输入法应用开发指南 (8) —— 模拟事件

用户头像
天择
3 月 15 日

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

https://static001.geekbang.org/infoq/24/24e02efe30724a00a7ccc47ec09f6fe2.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web 键盘输入法应用开发指南 (7) —— 开发实战(二)

用户头像
天择
3 月 12 日

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

https://static001.geekbang.org/infoq/09/0970384f2fc564cb8472754b630fde72.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web 键盘输入法应用开发指南 (6) —— 开发实战(一)

用户头像
天择
3 月 7 日

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

https://static001.geekbang.org/infoq/2f/2fcfb0fe28cc7f0b21f8eb435390fe29.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web 键盘输入法应用开发指南 (5) —— 实战技巧

用户头像
天择
3 月 4 日

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

https://static001.geekbang.org/infoq/ef/efde9e5ae74104f695439795fa375872.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web 键盘输入法应用开发指南 (4) —— 组合键

用户头像
天择
3 月 3 日

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

https://static001.geekbang.org/infoq/fe/fef74123265d81b1f20c9585f66f86c3.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web 键盘输入法应用开发指南 (3) —— 输入法事件

用户头像
天择
3 月 2 日

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

https://static001.geekbang.org/infoq/c3/c3ac8e50fa21f79c3081fae70d258b50.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web 键盘输入法应用开发指南 (2) —— 键盘事件

用户头像
天择
3 月 1 日

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

https://static001.geekbang.org/infoq/50/50eddbd858d70e5b50818bb1feda5640.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web 键盘输入法应用开发指南 (1) —— 基本概念

用户头像
天择
2 月 28 日

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

输入法_输入法技术文章_InfoQ写作社区