鼠标滚轴控制文本框值的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 相关文章推荐
JavaScript Event学习第七章 事件属性
Feb 07 Javascript
仿谷歌主页js动画效果实现代码
Jul 14 Javascript
鼠标移入移出事件改变图片的分辨率的两种方法
Dec 17 Javascript
jQuery中innerWidth()方法用法实例
Jan 19 Javascript
angularjs学习笔记之双向数据绑定
Sep 26 Javascript
vue通过style或者class改变样式的实例代码
Oct 30 Javascript
微信小程序实现页面浮动导航
Jan 28 Javascript
使用Jenkins部署React项目的方法步骤
Mar 11 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
Apr 10 Javascript
ES6入门教程之let、const的使用方法
Apr 13 Javascript
js实现整体缩放页面适配移动端
Mar 31 Javascript
了不起的11个JavaScript代码重构最佳实践小结
Jan 11 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自动生成月历代码
2006/10/09 PHP
利用static实现表格的颜色隔行显示
2006/10/09 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
老生常谈php中传统验证与thinkphp框架(必看篇)
2017/06/10 PHP
基于laravel where的高级使用方法
2019/10/10 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
用 JavaScript 迁移目录
2006/12/18 Javascript
javascript利用apply和arguments复用方法
2013/11/25 Javascript
js setTimeout()函数介绍及应用以倒计时为例
2013/12/12 Javascript
jQuery中eq()方法用法实例
2015/01/05 Javascript
jqGrid中文文档之选项设置
2015/12/02 Javascript
jquery attr()设置和获取属性值实例教程
2016/09/25 Javascript
canvas绘制万花筒效果(代码分享)
2017/01/20 Javascript
详解Vue监听数据变化原理
2017/03/08 Javascript
浅析node Async异步处理模块用例分析及常用方法介绍
2017/11/17 Javascript
Vue中对iframe实现keep alive无刷新的方法
2019/07/23 Javascript
浅谈js中的attributes和Attribute的用法与区别
2020/07/16 Javascript
Python实现抓取百度搜索结果页的网站标题信息
2015/01/22 Python
使用Pyinstaller的最新踩坑实战记录
2017/11/08 Python
python实现爬山算法的思路详解
2019/04/09 Python
linux 下python多线程递归复制文件夹及文件夹中的文件
2020/01/02 Python
Python 3.8 新功能大揭秘【新手必学】
2020/02/05 Python
如何在mac下配置python虚拟环境
2020/07/06 Python
Python测试框架:pytest学习笔记
2020/10/20 Python
python搜索算法原理及实例讲解
2020/11/18 Python
css3 条纹化和透明化表格Firefox下测试成功
2014/04/15 HTML / CSS
班干部竞选演讲稿
2014/04/24 职场文书
人事经理岗位职责范本
2014/08/04 职场文书
2014年社区计生工作总结
2014/11/18 职场文书
放假通知格式
2015/04/14 职场文书
高考诚信考试承诺书
2015/04/29 职场文书
警示教育片观后感
2015/06/17 职场文书
2015入党自传书范文
2015/06/26 职场文书
《普罗米修斯》教学反思
2016/02/22 职场文书
导游词之太行山青龙峡
2020/01/14 职场文书
错误码NET::ERR_CERT_DATE_INVALID证书已过期解决方法?
2022/07/07 数码科技