22-解决方案

11.5.2　解决方案

jQuery UI spinner窗口组件（http://jquery-cookbook.com/go/widget-spinner）为输入控件添加了上下按钮解决这个问题，这样鼠标交互也能处理光标上下移动之类的键盘事件。

你所需要的就是一个常规文本输入控件：

<input id="value" name="value" />

然后对其应用Spinner插件：

$("#value").spinner();

这将创建和定位上下按钮并添加必要的键盘处理事件。

使用Spinner插件添加增/减量按钮，单击按钮或者设置焦点为输入字段并使用光标键均可。

这个插件还将输入限制为数字值——在输入框中输入abc，在控件失去焦点时它将被默认值所替代。除非另外指定，否则默认值为0。