如何用 jQuery 编写键盘事件监听控件代码？

本文共计2426个文字，预计阅读时间需要10分钟。

最近项目中要做一个键盘事件监听，需对按键回退、重复、移动、缩放等操作进行监听。为此，实现了一个键盘事件监听控制台工具，期间有收集，整体整理出来，希望能对大家有所帮助。

最近项目里要做一个画板，需要对键盘事件进行监听，来进行诸如撤回、重做、移动、缩放等操作，因此顺手实现了一个键盘事件监听控件，期间略有收获，整理出来，希望对大家有所帮助，更希望能获得高手的指点。

1. 自动获取焦点

似乎浏览器的键盘事件只能被那些可以获得焦点的元素设置监听，而通常需要监听事件的 <DIV>、<CANVAS> 元素都不能获得焦点，因此需要修改目标元素的某些属性使其可以获得焦点，另外一种可行的方法是将事件委托给诸如 <INPUT> 标签。这里采用的是第一类方法，当然，可以修改的属性也不止一种，例如，对于 <DIV> 标签可以将其 “editable” 属性设为 true，而这里采用的是给其设一个 tabindex 值。