鼠标滚轴控制文本框值的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 相关文章推荐
番茄的表单验证类代码修改版
Jul 18 Javascript
JS求平均值的小例子
Nov 29 Javascript
JS文本获得焦点清除文本文字的示例代码
Jan 13 Javascript
一个css与js结合的下拉菜单支持主流浏览器
Oct 08 Javascript
javascript模拟C#格式化字符串
Aug 26 Javascript
jQuery自定义滚动条完整实例
Jan 08 Javascript
Javascript实现鼠标框选操作  不是点击选取
Apr 14 Javascript
最全的Javascript编码规范(推荐)
Jun 22 Javascript
微信小程序 template模板详解及实例代码
Mar 09 Javascript
npm配置国内镜像资源+淘宝镜像的方法
Sep 07 Javascript
JavaScript实现简单的计算器
Jan 16 Javascript
javascript中正则表达式语法详解
Aug 07 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
关于mysql 字段的那个点为是定界符
2007/01/15 PHP
laravel配置Redis多个库的实现方法
2019/04/10 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
2020/04/14 PHP
在页面上点击任一链接时触发一个事件的代码
2007/04/07 Javascript
parseInt parseFloat js字符串转换数字
2010/08/01 Javascript
javascript判断用户浏览器插件安装情况的代码
2011/01/01 Javascript
克隆javascript对象的三个方法小结
2011/01/12 Javascript
Json对象与Json字符串互转(4种转换方式)
2013/03/27 Javascript
jquery阻止冒泡事件使用模拟事件
2013/09/06 Javascript
JS实现定时页面弹出类似QQ新闻的提示框
2013/11/07 Javascript
浅析JavaScript中的常用算法与函数
2013/11/21 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
2014/08/22 Javascript
JavaScript中的单引号和双引号报错的解决方法
2014/09/01 Javascript
jQuery实现当前页面标签高亮显示的方法
2015/03/10 Javascript
非常棒的jQuery图片轮播效果
2016/04/17 Javascript
jquery实现百叶窗效果
2017/01/12 Javascript
nodejs实现发出蜂鸣声音(系统报警声)的方法
2017/01/18 NodeJs
JavaScript中的this陷阱的最全收集并整理(没有之一)
2017/02/21 Javascript
解决axios会发送两次请求,有个OPTIONS请求的问题
2018/10/25 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
2019/12/09 Javascript
python strip()函数 介绍
2013/05/24 Python
python基础教程之缩进介绍
2014/08/29 Python
关于Python中异常(Exception)的汇总
2017/01/18 Python
python使用SMTP发送qq或sina邮件
2017/10/21 Python
Django实现跨域请求过程详解
2019/07/25 Python
详解Python3 中的字符串格式化语法
2020/01/15 Python
Python读取VOC中的xml目标框实例
2020/03/10 Python
python实现b站直播自动发送弹幕功能
2021/02/20 Python
金融行业职业生涯规划范文
2014/01/17 职场文书
大学新闻系应届生求职信
2014/06/02 职场文书
小学班主任事迹材料
2014/12/17 职场文书
十岁生日答谢词
2015/01/05 职场文书
营业员岗位职责范本
2015/04/14 职场文书
工程合作意向书范本
2015/05/09 职场文书
教育教学读书笔记
2015/07/02 职场文书
如何让你的Nginx支持分布式追踪详解
2022/07/07 Servers