鼠标滚轴控制文本框值的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实现的一个Flash滚动轮换显示图片代码生成器
Mar 14 Javascript
Riot.js 快速的JavaScript单元测试框架
Nov 09 Javascript
自写的一个jQuery圆角插件
Oct 26 Javascript
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
Jul 31 Javascript
选择复选框按钮置灰否则按钮可用
May 22 Javascript
js格式化时间的方法
Dec 18 Javascript
jquery实现弹窗功能(窗口居中显示)
Feb 27 Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
Apr 06 Javascript
JavaScript获取用户所在城市及地理位置
Apr 21 Javascript
小程序开发基础之view视图容器
Aug 21 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
Mar 27 Javascript
vue-cli点击实现全屏功能
Mar 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
php调用方法mssql_fetch_row、mssql_fetch_array、mssql_fetch_assoc和mssql_fetch_objcect读取数据的区别
2012/08/08 PHP
php pki加密技术(openssl)详解
2013/07/01 PHP
PHP永久登录、记住我功能实现方法和安全做法
2015/04/27 PHP
PHP共享内存用法实例分析
2016/02/12 PHP
php合并数组并保留键值的实现方法
2018/03/12 PHP
PHP实现字符串大小写转函数的功能实例
2019/02/06 PHP
取得传值的函数
2006/10/27 Javascript
javascrip客户端验证文件大小及文件类型并重置上传
2011/01/12 Javascript
a标签的href和onclick 的事件的区别介绍
2013/07/26 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
2015/03/03 Javascript
JavaScript将字符串转换成字符编码列表的方法
2015/03/19 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
2015/03/31 Javascript
jQuery实现鼠标经过显示动画边框特效
2017/03/24 jQuery
mockjs,json-server一起搭建前端通用的数据模拟框架教程
2017/12/18 Javascript
Angular 项目实现国际化的方法
2018/01/08 Javascript
用图片替换checkbox原始样式并实现同样的功能
2018/11/15 Javascript
JavaScript获取页面元素的常用方法详解
2019/09/28 Javascript
Layui实现数据表格默认全部显示(不要分页)
2019/10/26 Javascript
Vuex实现数据增加和删除功能
2019/11/11 Javascript
Vue初始化中的选项合并之initInternalComponent详解
2020/06/11 Javascript
Vant Weapp组件踩坑:picker的初始赋值解决
2020/11/12 Javascript
[31:29]完美世界DOTA2联赛PWL S3 INK ICE vs Magma 第一场 12.20
2020/12/23 DOTA
python使用xmlrpc实例讲解
2013/12/17 Python
Python判断文本中消息重复次数的方法
2016/04/27 Python
Django xadmin开启搜索功能的实现
2019/11/15 Python
Django高并发负载均衡实现原理详解
2020/04/04 Python
Betsey Johnson官网:妖娆可爱的连衣裙及鞋子、手袋和配件
2016/12/30 全球购物
Servlet面试题库
2015/07/18 面试题
英文留学推荐信范文
2014/01/25 职场文书
法律七进实施方案
2014/03/15 职场文书
春节晚会主持词
2014/03/24 职场文书
作风整顿剖析材料
2014/09/30 职场文书
民间借贷被告代理词
2015/05/23 职场文书
golang生成vcf通讯录格式文件详情
2022/03/25 Golang
SpringCloud Function SpEL注入漏洞分析及环境搭建
2022/04/08 Java/Android
Ruby处理CSV数据方法详解
2022/04/18 Ruby