鼠标滚轴控制文本框值的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 相关文章推荐
JQUERY操作JSON实例代码
Feb 09 Javascript
jquery实用代码片段集合
Aug 12 Javascript
文本框根据输入内容自适应高度的代码
Oct 24 Javascript
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
Jul 01 Javascript
jquery将一个表单序列化为一个对象的方法
Dec 02 Javascript
详解addEventListener的三个参数之useCapture
Mar 16 Javascript
jQuery基本过滤选择器用法示例
Sep 09 Javascript
VUE JS 使用组件实现双向绑定的示例代码
Jan 10 Javascript
jQuery插件MovingBoxes实现左右滑动中间放大图片效果
Feb 28 Javascript
iscroll.js滚动加载实例详解
Jul 18 Javascript
fastadmin中调用js的方法
May 14 Javascript
javascript实现前端成语点击验证优化
Jun 24 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在XP下IIS和Apache2服务器上的安装
2006/09/05 PHP
PHP框架Swoole定时器Timer特性分析
2014/08/19 PHP
php中instanceof 与 is_a()区别分析
2015/03/03 PHP
php 利用array_slice函数获取随机数组或前几条数据
2015/09/30 PHP
JavaScript使用prototype定义对象类型
2007/02/07 Javascript
javascript-TreeView父子联动效果保持节点状态一致
2007/08/12 Javascript
{}与function(){}选用空对象{}来存放keyValue
2012/05/23 Javascript
终于解决了IE8不支持数组的indexOf方法
2013/04/03 Javascript
从零学JS之你需要了解的几本书
2014/05/19 Javascript
js实现文字跑马灯效果
2017/02/23 Javascript
详解vue前后台数据交互vue-resource文档
2017/07/19 Javascript
实例学习JavaScript读取和写入cookie
2018/01/29 Javascript
Vue 让元素抖动/摆动起来的实现代码
2018/05/31 Javascript
javascript严格模式详解(含严格模式与非严格模式的区别)
2019/11/12 Javascript
js实现拖动缓动效果
2020/01/13 Javascript
微信小程序如何实现点击图片放大功能
2020/01/21 Javascript
vue Cli 环境删除与重装教程 - 版本文档
2020/09/11 Javascript
JS+JQuery实现无缝连接轮播图
2020/12/30 jQuery
[03:24]CDEC.Y赛前采访 努力备战2016国际邀请赛中国区预选赛
2016/06/25 DOTA
python基础教程之缩进介绍
2014/08/29 Python
浅谈python 四种数值类型(int,long,float,complex)
2016/06/08 Python
python自制包并用pip免提交到pypi仅安装到本机【推荐】
2019/06/03 Python
python之yield和Generator深入解析
2019/09/18 Python
HTML5 Canvas阴影使用方法实例演示
2013/08/02 HTML / CSS
运动服饰每月订阅盒:Ellie
2018/04/29 全球购物
彪马荷兰官网:PUMA荷兰
2019/05/08 全球购物
中职生自我鉴定范文
2013/10/03 职场文书
应届中专生自荐书范文
2014/02/13 职场文书
干部现实表现材料
2014/02/13 职场文书
电子商务专业求职信
2014/07/10 职场文书
2014院党委领导班子对照检查材料思想汇报
2014/09/24 职场文书
2014年学校办公室工作总结
2014/12/19 职场文书
拾金不昧表扬稿
2015/01/16 职场文书
求职自我评价怎么写
2015/03/09 职场文书
如何理解PHP核心特性命名空间
2021/05/28 PHP
Redis Lua脚本实现ip限流示例
2022/07/15 Redis