zoukankan      html  css  js  c++  java
  • 控制输入文本框为可使用滚轮控制的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> 
  • 相关阅读:
    8.10日报
    8.9日报
    8.8日报
    8.7日报
    《大道至简》读后感
    8.6日报
    8.5日报
    8.4日报
    8.3日报
    8.2日报
  • 原文地址:https://www.cnblogs.com/lyz8/p/1691139.html
Copyright © 2011-2022 走看看