鼠标滚轴控制文本框值的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
Sep 24 Javascript
一个很酷的拖动层的js类,兼容IE及Firefox
Jun 23 Javascript
jQuery代码优化 选择符篇
Nov 01 Javascript
JavaScript通过prototype给对象定义属性用法实例
Mar 23 Javascript
黑帽seo劫持程序,js劫持搜索引擎代码
Sep 15 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
Dec 21 Javascript
Angular.js中定时器循环的3种方法总结
Apr 27 Javascript
JS简单生成随机数(随机密码)的方法
May 11 Javascript
浅谈Vue数据响应思路之数组
Nov 06 Javascript
jQuery中实现text()的方法
Apr 04 jQuery
详解vue v-model
Aug 31 Javascript
vue实现可移动的悬浮按钮
Mar 04 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
POSIX 风格和兼容 Perl 风格两种正则表达式主要函数的类比(preg_match, preg_replace, ereg, ereg_replace)
2010/10/12 PHP
Symfony2学习笔记之插件格式分析
2016/03/17 PHP
php面向对象编程self和static的区别
2016/05/08 PHP
中高级PHP程序员应该掌握哪些技术?
2016/09/23 PHP
php实现的mysqldb读写分离操作类示例
2017/02/07 PHP
laravel中短信发送验证码的实现方法
2018/04/25 PHP
js常见表单应用技巧
2008/01/09 Javascript
基于Jquery的跨域传输数据(JSONP)
2011/03/10 Javascript
探索Emberjs制作一个简单的Todo应用
2012/11/07 Javascript
JS格式化数字金额用逗号隔开保留两位小数
2013/10/18 Javascript
在javascript中如何得到中英文混合字符串的长度
2014/01/17 Javascript
jQuery 复合选择器应用的几个例子
2014/09/11 Javascript
在JavaScript应用中实现延迟加载的方法
2015/06/25 Javascript
vue调试工具vue-devtools安装及使用方法
2018/11/07 Javascript
element-ui组件中input等的change事件中传递自定义参数
2019/05/22 Javascript
微信小程序官方动态自定义底部tabBar的例子
2019/09/04 Javascript
VUE.CLI4.0配置多页面入口的实现
2019/11/25 Javascript
[01:11]辉夜杯战队访谈宣传片—CDEC.Y
2015/12/26 DOTA
CentOS 6.5下安装Python 3.5.2(与Python2并存)
2017/06/05 Python
基于使用paramiko执行远程linux主机命令(详解)
2017/10/16 Python
python脚本生成caffe train_list.txt的方法
2018/04/27 Python
python 借助numpy保存数据为csv格式的实现方法
2018/07/04 Python
基于python实现语音录入识别代码实例
2020/01/17 Python
介绍一下游标
2012/01/10 面试题
如何用Java实现列出某个目录下的所有子目录
2015/07/20 面试题
大家检讨书5000字
2014/02/03 职场文书
美容院营销方案
2014/03/05 职场文书
环保建议书500字
2014/05/14 职场文书
工作说明书格式
2014/07/29 职场文书
2014大学生批评与自我批评思想汇报
2014/09/21 职场文书
民事诉讼代理授权委托书
2014/10/11 职场文书
React-vscode使用jsx语法的问题及解决方法
2021/06/21 Javascript
MySQL中存储时间的最佳实践指南
2021/07/01 MySQL
java调用Restful接口的三种方法
2021/08/23 Java/Android
Apache POI的基本使用详解
2021/11/07 Servers
nginx中封禁ip和允许内网ip访问的实现示例
2022/03/17 Servers