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版本:
控制输入文本框为可使用滚轮控制的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" /> 
 
<input type="text" /> 
 
<input type="text" /> 
 
<input type="text" /> 
 
<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> 

相关文章:

  • 2021-10-26
  • 2022-12-23
  • 2021-09-10
  • 2021-05-30
  • 2022-02-08
  • 2021-12-15
  • 2021-11-30
  • 2022-12-23
猜你喜欢
  • 2021-12-19
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-30
  • 2021-09-29
  • 2021-06-12
相关资源
相似解决方案