鼠标滚轴控制文本框值的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 相关文章推荐
可缩放Reloaded-一个针对可缩放元素的复用组件
Mar 10 Javascript
JS应用之禁止抓屏、复制、打印
Feb 21 Javascript
jQuery EasyUI API 中文文档 - EasyLoader 加载器
Sep 29 Javascript
这些年、我收集的JQuery代码小结
Aug 01 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
Oct 23 Javascript
不间断循环滚动效果的实例代码(必看篇)
Oct 08 Javascript
jQuery简易时光轴实现方法示例
Mar 13 Javascript
Angular2使用Angular CLI快速搭建工程(一)
May 21 Javascript
JS基于递归实现网页版计算器的方法分析
Dec 20 Javascript
Vue组件开发技巧总结
Mar 04 Javascript
vue点击标签切换选中及互相排斥操作
Jul 17 Javascript
解决vue项目input输入框双向绑定数据不实时生效问题
Aug 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
php中判断文件空目录是否有读写权限的函数代码
2012/08/07 PHP
php判断数组元素中是否存在某个字符串的方法
2014/06/14 PHP
让ThinkPHP支持大小写url地址访问的方法
2014/10/31 PHP
PHP实现将textarea的值根据回车换行拆分至数组
2015/06/10 PHP
PHP 生成微信红包代码简单
2016/03/25 PHP
phpStudy中升级MySQL版本到5.7.17的方法步骤
2017/08/03 PHP
PHP生成加减算法方式的验证码实例
2018/03/12 PHP
js 目录列举函数
2008/11/06 Javascript
javascript XML数据显示为HTML一例
2008/12/23 Javascript
js 数据类型转换总结笔记
2011/01/17 Javascript
jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
2011/11/15 Javascript
关于JS数组追加数组采用push.apply的问题
2014/06/09 Javascript
原生js实现复制对象、扩展对象 类似jquery中的extend()方法
2014/08/30 Javascript
jquery制作select列表双向选择示例代码
2014/09/02 Javascript
JS网页在线获取鼠标坐标值的方法
2015/02/28 Javascript
使用JavaScript实现在页面中显示距离2017年中秋节的天数
2017/09/26 Javascript
快速解决bootstrap下拉菜单无法隐藏的问题
2018/08/10 Javascript
在Vue 中实现循环渲染多个相同echarts图表
2020/07/20 Javascript
10个易被忽视但应掌握的Python基本用法
2015/04/01 Python
python bottle框架支持jquery ajax的RESTful风格的PUT和DELETE方法
2017/05/24 Python
在Python的一段程序中如何使用多次事件循环详解
2017/09/07 Python
python OpenCV学习笔记直方图反向投影的实现
2018/02/07 Python
numpy实现神经网络反向传播算法的步骤
2019/12/24 Python
在pycharm中创建django项目的示例代码
2020/05/28 Python
Pycharm安装Qt Design快捷工具的详细教程
2020/11/18 Python
HTML5新表单元素_动力节点Java学院整理
2017/07/12 HTML / CSS
巴西网上药房:onofre
2016/11/21 全球购物
Edwaybuy西班牙:小米在线商店
2019/12/04 全球购物
自立自强的名人事例
2014/02/10 职场文书
会计专业求职信范文
2014/03/16 职场文书
网络工程师自荐书范文
2014/04/01 职场文书
2014年预算员工作总结
2014/12/05 职场文书
文明单位汇报材料
2014/12/24 职场文书
客房服务员岗位职责
2015/02/09 职场文书
python opencv人脸识别考勤系统的完整源码
2021/04/26 Python
代码复现python目标检测yolo3详解预测
2022/05/06 Python