鼠标滚轴控制文本框值的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 相关文章推荐
Sample script that deletes a SQL Server database
Jun 16 Javascript
js 实现复制到粘贴板的功能代码
May 13 Javascript
分享9点个人认为比较重要的javascript 编程技巧
Apr 27 Javascript
js实现获取当前时间是本月第几周的方法
Aug 11 Javascript
easyui window refresh 刷新两次的解决方法(推荐)
May 18 Javascript
javascript 注释代码的几种方法总结
Jan 04 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
Feb 20 Javascript
jQuery制作input提示内容(兼容IE8以上)
Jul 05 jQuery
vue中改变选中当前项的显示隐藏或者状态的实现方法
Feb 08 Javascript
详解ES6中的三种异步解决方案
Jun 28 Javascript
Vue自定义指令上报Google Analytics事件统计的方法
Feb 25 Javascript
json 带斜杠时如何解析的实现
Aug 12 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 验证码的实现代码
2011/07/17 PHP
phpStudy配置多站点多域名方法及遇到的403错误解决方法
2017/10/19 PHP
php取出数组单个值的方法
2018/03/12 PHP
JavaScript Accessor实现说明
2010/12/06 Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
2011/04/05 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
2012/11/07 Javascript
Js nodeType 属性全面解析
2013/11/14 Javascript
各浏览器对document.getElementById等方法的实现差异解析
2013/12/05 Javascript
node.js中的fs.realpath方法使用说明
2014/12/16 Javascript
详解javascript遍历方式
2015/11/11 Javascript
基于zepto.js简单实现上传图片
2016/06/21 Javascript
详解Node.js:events事件模块
2016/11/24 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
2016/12/26 Javascript
Vue Ajax跨域请求实例详解
2017/06/20 Javascript
Javascript中Promise的四种常用方法总结
2017/07/14 Javascript
iview table高度动态设置方法
2018/03/14 Javascript
JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法
2020/04/13 Javascript
Vue自定义全局弹窗组件操作
2020/08/11 Javascript
纯js+css实现在线时钟
2020/08/18 Javascript
[01:07]2015国际邀请赛 中国区预选赛精彩回顾
2015/06/15 DOTA
Python 拷贝对象(深拷贝deepcopy与浅拷贝copy)
2008/09/06 Python
实例讲解python函数式编程
2014/06/09 Python
Django的session中对于用户验证的支持
2015/07/23 Python
python 统计列表中不同元素的数量方法
2018/06/29 Python
使用Python开发SQLite代理服务器的方法
2018/12/07 Python
使用Python开发个京东上抢口罩的小实例(仅作技术研究学习使用)
2020/03/10 Python
python使用梯度下降算法实现一个多线性回归
2020/03/24 Python
python爬虫---requests库的用法详解
2020/09/28 Python
详解Anaconda安装tensorflow报错问题解决方法
2020/11/01 Python
python源文件的字符编码知识点详解
2021/03/04 Python
css3实现信纸/同学录效果的示例代码
2018/12/11 HTML / CSS
Web时代变迁及html5与html4的区别
2016/01/06 HTML / CSS
销售行政专员职责
2014/01/03 职场文书
2014年检察院个人工作总结
2014/12/09 职场文书
mysql脏页是什么
2021/07/26 MySQL
Pyqt5将多个类组合在一个界面显示的完整示例
2021/09/04 Python