基于input文本框实现的数字控件

一、数字组件的实现

1、使用Html的input文件框实现简单的数字编辑控件，基本要求如下

①  点击控件，选中文本；

②  可输入数字，支持数值范围限制，不允许非数字字符输入

③  键盘方向键（上下左右）可快速增减数值

④  鼠标离开组件时，根据数值范围自动验证并调整值：超出范围时调整为最近最合适的值

2、以时间组件的小时，实现思路如下

（1）获取焦点：响应focus事件，选中全部文本

（2）失去焦点：响应blur事件，验证文本范围，自动调整为0~23

（3）键盘输入：响应keydown事件。