鼠标滚轴控制文本框值的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中的parseInt使用技巧
Sep 03 Javascript
JavaScript的public、private和privileged模式
Dec 28 Javascript
JS+CSS模拟可以无刷新显示内容的留言板实例
Mar 03 Javascript
PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)
Aug 06 Javascript
基于JavaScript实现图片点击弹出窗口而不是保存
Feb 06 Javascript
js中获取键盘事件的简单实现方法
Oct 10 Javascript
详解AngularJS中的表单验证(推荐)
Nov 17 Javascript
jQuery表单验证之密码确认
May 22 jQuery
详解js静态资源文件请求的处理
Aug 01 Javascript
JavaScript中十种一步拷贝数组的方法实例详解
Apr 22 Javascript
redux.js详解及基本使用
May 24 Javascript
浅谈vue 组件中的setInterval方法和window的不同
Jul 30 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如何实现阿里云短信sdk灵活应用在项目中的方法
2019/06/14 PHP
PHP实现笛卡尔积算法的实例讲解
2019/12/22 PHP
JS提交并解析后台返回的XML的代码
2008/11/03 Javascript
基于jQuery实现多层次的手风琴效果附源码
2015/09/21 Javascript
js面向对象的写法
2016/02/19 Javascript
JS实现超简单的汉字转拼音功能示例
2016/12/22 Javascript
基于JS实现移动端向左滑动出现删除按钮功能
2017/02/22 Javascript
原生JS实现多个小球碰撞反弹效果示例
2018/01/31 Javascript
Angular数据绑定机制原理
2018/04/17 Javascript
vue实现数字动态翻牌的效果(开箱即用)
2019/12/08 Javascript
[04:53]DOTA2英雄基础教程 祈求者
2014/01/03 DOTA
[01:14]DOTA2亚洲邀请赛小组赛赛前花絮
2017/03/27 DOTA
Python中实现参数类型检查的简单方法
2015/04/21 Python
Python找出文件中使用率最高的汉字实例详解
2015/06/03 Python
python 线程的暂停, 恢复, 退出详解及实例
2016/12/06 Python
Python 专题三 字符串的基础知识
2017/03/19 Python
python版学生管理系统
2018/01/10 Python
python中类的属性和方法介绍
2018/11/27 Python
使用python对文件中的数值进行累加的实例
2018/11/28 Python
神经网络相关之基础概念的讲解
2018/12/29 Python
python调用支付宝支付接口流程
2019/08/15 Python
使用PyCharm进行远程开发和调试的实现
2019/11/04 Python
pytorch 自定义参数不更新方式
2020/01/06 Python
pytorch加载自定义网络权重的实现
2020/01/07 Python
如何解决python多种版本冲突问题
2020/10/13 Python
英国性感内衣和睡衣品牌:Bluebella
2018/01/26 全球购物
现代化办公人员工作的自我评价
2013/10/16 职场文书
2013英文求职信模板范文
2013/11/15 职场文书
销售团队获奖感言
2014/08/14 职场文书
社区文艺活动方案
2014/08/19 职场文书
作风转变心得体会
2014/09/02 职场文书
写给父母的感谢信
2015/01/22 职场文书
重阳节慰问信
2015/02/15 职场文书
大学生个人学年总结
2015/02/15 职场文书
温馨祝福晨语:美丽的一天从我的问候开始
2019/11/28 职场文书
Ubuntu Server 安装Tomcat并配置systemctl
2022/04/28 Servers