鼠标滚轴控制文本框值的JS代码


Posted in Javascript onNovember 19, 2013
<html> 
<head> 
<title></title> 
<script type="text/javascript" language="javascript">     /*根据获得焦点的时候给setVal给值*/ 
    var setVal;   
    var bool = false;     
    var scrollFunc=function(e){  
        var direct=0;  
        e=e || window.event;  
        var ew = e.wheelDelta 
        if(ew && bool){ 
            if(ew > 0){ 
                var num1 = setVal.value; 
                if(num1 > 0){ 
                    num1 = eval(1+parseInt(num1)); 
                }else{ 
                    num1 = 1; 
                } 
            }else{ 
                var num1 = setVal.value; 
                if(num1 > 0){ 
                    num1 = eval(parseInt(num1)-1); 
                }else if(num1 == 0){ 
                    num1 = 0; 
                }else{ 
                    num1 = 1; 
                }    
            } 
            setVal.value = num1; 
        } 
    }  
    window.onmousewheel=document.onmousewheel=scrollFunc; 
    function ufocus(eve){ 
        bool = true; 
        setVal = eve; 
    } 
    function ublur(){ 
        bool = false; 
        setVal = null; 
    } 
</script> 
</head> 
<body> 
<input type="text" onfocus="ufocus(this)" onblur="ublur(this)"/> 
</body> 
</html> 

<html>
<head>
<title></title>
<script type="text/javascript" language="javascript">
    /*根据获得焦点的时候给setVal给值*/
    var setVal; 
    var bool = false;   
    var scrollFunc=function(e){
        var direct=0;
        e=e || window.event;
        var ew = e.wheelDelta
        if(ew && bool){
            if(ew > 0){
                var num1 = setVal.value;
                if(num1 > 0){
                    num1 = eval(1+parseInt(num1));
                }else{
                    num1 = 1;
                }
            }else{
                var num1 = setVal.value;
                if(num1 > 0){
                    num1 = eval(parseInt(num1)-1);
                }else if(num1 == 0){
                    num1 = 0;
                }else{
                    num1 = 1;
                }  
            }
            setVal.value = num1;
        }
    }
    window.onmousewheel=document.onmousewheel=scrollFunc;
    function ufocus(eve){
        bool = true;
        setVal = eve;
    }
    function ublur(){
        bool = false;
        setVal = null;
    }
</script>
</head>
<body>
<input type="text" onfocus="ufocus(this)" onblur="ublur(this)"/>
</body>
</html>
Javascript 相关文章推荐
js获取URL的参数的方法(getQueryString)示例
Sep 29 Javascript
javascript内存管理详细解析
Nov 11 Javascript
解决json日期格式问题的3种方法
Feb 02 Javascript
js获取select默认选中的Option并不是当前选中值
May 07 Javascript
浅析js预加载/延迟加载
Sep 25 Javascript
AngularJS学习笔记之TodoMVC的分析
Feb 22 Javascript
基于jQuery实现左右图片轮播(原理通用)
Dec 24 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
Oct 25 Javascript
bootstrap手风琴制作方法详解
Jan 11 Javascript
JavaScript 保护变量不被随意修改的实现代码
Sep 27 Javascript
解决vue 绑定对象内点击事件失效问题
Sep 05 Javascript
Layui 动态禁止select下拉的例子
Sep 03 Javascript
jquery交替变换颜色的三种方法 实例代码
Nov 19 #Javascript
jquery ajax的success回调函数中实现按钮置灰倒计时
Nov 19 #Javascript
详解jQuery插件开发中的extend方法
Nov 19 #Javascript
Js 导出table内容到Excel的简单实例
Nov 19 #Javascript
js文本框输入点回车触发确定兼容IE、FF等
Nov 19 #Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
Nov 19 #Javascript
JS注释所产生的bug 即使注释也会执行
Nov 19 #Javascript
You might like
php接口实现拖拽排序功能
2018/04/23 PHP
PHP结合Ffmpeg快速搭建流媒体服务的实践记录
2018/10/31 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
2020/02/15 PHP
javascript DOM编程实例(智播客学习)
2009/11/23 Javascript
JavaScript对象创建及继承原理实例解剖
2013/02/28 Javascript
去掉gridPanel表头全选框的小例子
2013/07/18 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
2014/04/12 Javascript
Javascript遍历table中的元素示例代码
2014/07/08 Javascript
JavaScript中判断原生函数检查function是否是原生代码
2014/09/09 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
2015/02/13 Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
2015/12/25 Javascript
js 中获取制定的cook信息实现方法
2016/11/19 Javascript
node-sass安装失败的原因与解决方法
2017/09/04 Javascript
JS基于正则表达式实现的密码强度验证功能示例
2017/09/21 Javascript
3分钟读懂移动端rem使用方法(推荐)
2019/05/06 Javascript
在Django的视图中使用form对象的方法
2015/07/18 Python
详解Python的Django框架中的Cookie相关处理
2015/07/22 Python
Django中的“惰性翻译”方法的相关使用
2015/07/27 Python
Python Pandas找到缺失值的位置方法
2018/04/12 Python
python 实现仿微信聊天时间格式化显示的代码
2020/04/17 Python
通过自学python能找到工作吗
2020/06/21 Python
巴西男士胡须和头发护理产品商店:Beard
2017/11/13 全球购物
StubHub中国:购买和出售全球活动门票
2020/01/01 全球购物
国际花店:Pickup Flowers
2020/04/10 全球购物
database面试题
2013/03/28 面试题
数据库方面面试题
2012/04/22 面试题
电子商务专业实习生自我鉴定
2013/09/24 职场文书
教育课题研究自我鉴定范文
2013/12/28 职场文书
刘胡兰的英雄事迹材料
2014/02/11 职场文书
培训协议书范本
2014/04/22 职场文书
亲子活动总结
2014/04/26 职场文书
装配出错检讨书
2014/09/23 职场文书
教师考核评语大全
2014/12/31 职场文书
2016国庆节活动宣传语
2015/11/25 职场文书
成本低的5个创业项目:投资小、赚钱快
2019/08/20 职场文书
python3.7.2 tkinter entry框限定输入数字的操作
2021/05/22 Python