jQuery UI中提供的Spinner组件可以将input[type=text]文本框转换为一个数字输入框,类似于HTML中新增的input[type=number],并支持使用键盘上下键以及鼠标滚轮对其中的数值进行更改。
注:鼠标滚轮事件缺省只支持部分浏览器,可使用jQuery Mousewheel插件添加跨浏览器的鼠标滚轮事件支持
jQuery UI Spinner实例如下:
上例代码如下:
<script src="https://libs.baidu.com/jqueryui/1.10.4/jquery-ui.min.css"></script> ...