控制输入文本框为可使用滚轮控制的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
点击下载

jQuery版本:

<!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> 
posted @ 2010-03-21 20:23  lyz'blog  阅读(318)  评论(0编辑  收藏  举报