鼠标滚轴控制文本框值的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与框架页的操作代码
Jan 17 Javascript
JS JSON对象转为字符串的简单实现方法
Nov 18 Javascript
JS实现仿中关村论坛评分后弹出提示效果的方法
Feb 23 Javascript
EasyUI中datagrid在ie下reload失败解决方案
Mar 09 Javascript
JavaScript的事件代理和委托实例分析
Mar 25 Javascript
原生javascript实现的一个简单动画效果
Mar 30 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
Oct 09 Javascript
JS中关于正则的巧妙操作
Aug 31 Javascript
angularjs1.5 组件内用函数向外传值的实例
Sep 30 Javascript
微信小程序中插入激励视频广告并获取收益(实例代码)
Dec 06 Javascript
浅谈vue2的$refs在vue3组合式API中的替代方法
Apr 18 Vue.js
使用vue-element-admin框架从后端动态获取菜单功能的实现
Apr 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
PHP教程之PHP中shell脚本的使用方法分享
2012/02/23 PHP
php中防止SQL注入的最佳解决方法
2013/04/25 PHP
thinkphp5 URL和路由的功能详解与实例
2017/12/26 PHP
PHP通过get方法获得form表单数据方法总结
2018/09/12 PHP
php输出形式实例整理
2020/05/05 PHP
js的表单操作 简单计算器
2011/12/29 Javascript
JQuery.closest(),parent(),parents()寻找父结点
2012/02/17 Javascript
用js实现控件的隐藏及style.visibility的使用
2013/06/14 Javascript
js实现幻灯片播放图片示例代码
2013/11/07 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
2014/03/27 Javascript
两种不同的方法实现js对checkbox进行全选和反选
2014/05/13 Javascript
JavaScript中innerHTML,innerText,outerHTML的用法及区别
2015/09/01 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
Jquery zTree 树控件异步加载操作
2016/02/25 Javascript
深入理解Angularjs向指令传递数据双向绑定机制
2016/12/31 Javascript
jQuery实现字符串全部替换的方法【推荐】
2017/03/09 Javascript
使用Bootstrap和Vue实现用户信息的编辑删除功能
2017/10/25 Javascript
JavaScript面试出现频繁的一些易错点整理
2018/03/29 Javascript
vue.js 解决v-model让select默认选中不生效的问题
2020/07/28 Javascript
如何在mac环境中用python处理protobuf
2019/12/25 Python
简单了解python字符串前面加r,u的含义
2019/12/26 Python
Python全面分析系统的时域特性和频率域特性
2020/02/26 Python
浅谈python元素如何去重,去重后如何保持原来元素的顺序不变
2020/02/28 Python
PyCharm设置Ipython交互环境和宏快捷键进行数据分析图文详解
2020/04/23 Python
用纯CSS3实现网页中常见的小箭头
2017/10/16 HTML / CSS
次世代生活态度:Hypebeast
2018/07/05 全球购物
纽约市的奢华内衣目的地:Anya Lust
2019/08/02 全球购物
什么造成了Java里面的异常
2016/04/24 面试题
质量标语大全
2014/06/12 职场文书
2014年技术部工作总结
2014/12/12 职场文书
复兴之路展览观后感
2015/06/02 职场文书
小学班主任工作随笔
2015/08/15 职场文书
初中地理教学反思
2016/02/19 职场文书
html+css 实现简易导航栏功能
2021/04/07 HTML / CSS
pandas取dataframe特定行列的实现方法
2021/05/24 Python
MySQL Innodb索引机制详细介绍
2021/11/23 MySQL