鼠标滚轴控制文本框值的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 相关文章推荐
用 JavaScript 迁移目录
Dec 18 Javascript
jqPlot jquery的页面图表绘制工具
Jul 25 Javascript
学习ExtJS TextField常用方法
Oct 07 Javascript
Extjs学习笔记之二 初识Extjs之Form
Jan 07 Javascript
JavaScript实现斗地主游戏的思路
Feb 29 Javascript
JavaScript编写点击查看大图的页面半透明遮罩层效果实例
May 09 Javascript
详解js的六大数据类型
Dec 27 Javascript
详解webpack3如何正确引用并使用jQuery库
Aug 26 jQuery
element-ui 文件上传修改文件名的方法示例
Nov 05 Javascript
vue element 中的table动态渲染实现(动态表头)
Nov 21 Javascript
nuxt配置通过指定IP和端口访问的实现
Jan 08 Javascript
vue3+typeScript穿梭框的实现示例
Dec 29 Vue.js
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
Apache2中实现多网站域名绑定的实现方法
2011/06/01 PHP
最常用的8款PHP调试工具
2014/07/06 PHP
php打包网站并在线压缩为zip
2016/02/13 PHP
浅析php中array_map和array_walk的使用对比
2016/11/20 PHP
PHP排序二叉树基本功能实现方法示例
2018/05/26 PHP
用Javascript读取中文COOKIE的解决办法
2007/02/15 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
2011/11/14 Javascript
jquery ajax jsonp跨域调用实例代码
2013/12/11 Javascript
JavaScript版的TwoQueues缓存模型
2014/12/29 Javascript
JavaScript显示表单内元素数量的方法
2015/04/02 Javascript
JavaScript汉诺塔问题解决方法
2015/04/21 Javascript
EasyUI中在表单提交之前进行验证
2016/07/19 Javascript
微信小程序实现图片自适应(支持多图)
2017/01/25 Javascript
JS实现动态修改table及合并单元格的方法示例
2017/02/20 Javascript
[原创]微信小程序获取网络类型的方法示例
2019/03/01 Javascript
Vue事件修饰符native、self示例详解
2019/07/09 Javascript
JS简易计算器实例讲解
2020/06/30 Javascript
通过C++学习Python
2015/01/20 Python
Python编程中的文件操作攻略
2015/10/16 Python
Python设计足球联赛赛程表程序的思路与简单实现示例
2016/06/28 Python
浅谈Python中重载isinstance继承关系的问题
2018/05/04 Python
基于python3实现socket文件传输和校验
2018/07/28 Python
对python中xlsx,csv以及json文件的相互转化方法详解
2018/12/25 Python
调整Jupyter notebook的启动目录操作
2020/04/10 Python
python实现sm2和sm4国密(国家商用密码)算法的示例
2020/09/26 Python
python自动化发送邮件实例讲解
2021/01/04 Python
激光脱毛、蓝光和护肤:Tria Beauty
2019/03/28 全球购物
网站开发实习生的自我评价
2013/12/11 职场文书
总经理工作职责范文
2014/03/14 职场文书
《与朱元思书》的教学反思
2014/04/17 职场文书
五一活动标语
2014/06/30 职场文书
庆祝三八妇女节标语
2014/10/09 职场文书
故意伤害人身损害赔偿协议书
2014/11/19 职场文书
《分一些蚊子进来》读后感3篇
2020/01/09 职场文书
python Django框架快速入门教程(后台管理)
2021/07/21 Python
Mysql binlog日志文件过大的解决
2021/10/05 MySQL