鼠标滚轴控制文本框值的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 12 Javascript
JavaScript实现在标题栏上显示当前日期的方法
Mar 19 Javascript
js显示文本框提示文字的方法
May 07 Javascript
Js的Array数组对象详解
Feb 22 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
Aug 18 Javascript
微信小程序进行微信支付的步骤昂述
Dec 01 Javascript
利用Node.js编写跨平台的spawn语句详解
Feb 12 Javascript
实例解析js中try、catch、finally的执行规则
Feb 24 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
Jul 26 Javascript
vue-cli webpack 引入jquery的方法
Jan 10 jQuery
vue使用pdfjs显示PDF可复制的实现方法
Dec 14 Javascript
JSON字符串操作移除空串更改key/value的介绍
Jan 05 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
多文件上载系统完整版
2006/10/09 PHP
php中curl和file_get_content的区别
2014/05/10 PHP
PDO::quote讲解
2019/01/29 PHP
php多进程并发编程防止出现僵尸进程的方法分析
2020/02/28 PHP
date.parse在IE和FF中的区别
2010/07/29 Javascript
jquery滚动到顶部底部代码
2015/04/20 Javascript
使用JavaScript制作一个简单的计数器的方法
2015/07/07 Javascript
在javascript中创建对象的各种模式解析
2016/05/16 Javascript
JavaScript必知必会(七)js对象继承
2016/06/08 Javascript
canvas实现粒子时钟效果
2017/02/06 Javascript
vue router导航守卫(router.beforeEach())的使用详解
2019/04/19 Javascript
用Vue.js方法创建模板并使用多个模板合成
2019/06/28 Javascript
Websocket 向指定用户发消息的方法
2020/01/09 Javascript
vue如何在项目中调用腾讯云的滑动验证码
2020/07/15 Javascript
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
python strip()函数 介绍
2013/05/24 Python
Python Tkinter简单布局实例教程
2014/09/03 Python
python实现简单的socket server实例
2015/04/29 Python
Python建立Map写Excel表实例解析
2018/01/17 Python
python实现石头剪刀布小游戏
2021/01/20 Python
Python写一个基于MD5的文件监听程序
2019/03/11 Python
Pytorch中index_select() 函数的实现理解
2019/11/19 Python
Python任务自动化工具tox使用教程
2020/03/17 Python
用python爬虫批量下载pdf的实现
2020/12/01 Python
一款纯css3实现简单的checkbox复选框和radio单选框
2014/11/05 HTML / CSS
超30万乐谱下载:Musicnotes.com
2016/09/24 全球购物
华硕新加坡官方网上商店:ASUS Singapore
2020/07/09 全球购物
Overload和Override的区别
2012/09/02 面试题
上课随便讲话检讨书
2014/09/12 职场文书
老干部工作汇报材料
2014/10/28 职场文书
2014年助理政工师工作总结
2014/12/19 职场文书
邀请书格式范文
2015/02/02 职场文书
2016国庆节67周年寄语
2015/12/07 职场文书
一封真诚的自荐信帮你赢得机会
2019/05/07 职场文书
python文件名批量重命名脚本实例代码
2021/04/22 Python
Java Spring读取和存储详细操作
2022/08/05 Java/Android