控制输入文本框为可使用滚轮控制的js库.
CutePsWheel javascript libary
简介:
用于控制输入数字类型文本框实现鼠标滚轮上下滑动改变值,支持正整数、小数类型输入文本。
* 兼容IE/Firefox/Opera/Safari/Chrom
* 可定义滚动变化间隔值,支持整数、浮点数
* 双击恢复初始值
* 仅3.92K,压缩后2.67K
预览:http://www.51obj.cn/demo/js/CutePsWheel/demo.html
下载:http://www.51obj.cn/demo/js/CutePsWheel/cutePsWheel_0_9_1.js
点击下载
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript" src="https://files.cnblogs.com/lyz8/jquery.mousewheel.js"></script> </head> <body> <input type="text" id="txt1" value="0" class="txt"/> <input type="text" id="txt2" value="10" class="txt"/> <input type="text" id="txt3" value="-10" class="txt"/> <input type="text" id="txt4" value="10.4" class="txt"/> <script> $(function(){ $(".txt").mousewheel(function(objEvent, intDelta){ ScrollText(this,intDelta);//intDelta代表鼠标滚动,向上时,intDelta大于0。 }); }) function ScrollText(oTxt,arg){ oTxt.focus(); var _value=parseInt(oTxt.value); if(arg>0){ _value++; }else{ _value--; } oTxt.value=_value; oTxt.select();//选取效果 } </script> </body> </html>