鼠标滚轴控制文本框值的JS代码

代码如下:

<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>

赞 (0)

相关推荐

  • 使用js实现按钮控制文本框加1减1应用于小时+分钟

    time.html代码: 复制代码 代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""&

  • js控制表单不能输入空格的小例子

    复制代码 代码如下: window.onload=function()         {                var inputs=document.getElementsByTagName("input");             for (var i=0;i<inputs.length; i++) {                  if(inputs[i].getAttribute("type")=="text")  

  • JS控制文本框textarea输入字数限制的方法

    复制代码 代码如下: <html>     <head>     <title>JS限制Textarea文本域字符个数</title>     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />     <SCRIPT LANGUAGE="JavaScript">     <!--

  • CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库

    CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库

    简介 实现类似于Photoshop控制面板输入文本数字的效果,所以名称叫做PsWheel.用于控制输入数字类型文本框实现鼠标滚轮上下滑动改变值,支持正整数.小数类型输入文本. 兼容IE/Firefox/Opera/Safari/Chrom 可定义滚动变化间隔值,支持整数.浮点数 双击恢复初始值 仅3.92K,压缩后2.67K 代码 复制代码 代码如下: /* * cutePsWheel JS * Description:A js liabary which control the text ty

  • js控制输入框获得和失去焦点时状态显示的方法

    本文实例讲述了js控制输入框获得和失去焦点时状态显示的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&

  • JS控制输入框内字符串长度

    复制代码 代码如下: // 获取字符串的字节长度function len(s) {s = String(s);return s.length + (s.match(/[^\x00-\xff]/g) || "").length;// 加上匹配到的全角字符长度} function limit(obj, limit) {var val = obj.value;if (len(val) > limit) {val=val.substring(0,limit);while (len(val

  • js监听鼠标事件控制textarea输入字符串的个数

    [Html代码] <table> <tr> <td width="150">短信内容:</td> <td> <textarea name="message" cols="96" rows="5" onKeyDown="textCounter(message,remLen,65);" onKeyUp="textCounter(mess

  • js控制文本框只输入数字和小数点的方法

    本文实例讲述了js控制文本框只输入数字和小数点的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: function clearNoNum(obj) {  obj.value = obj.value.replace(/[^\d.]/g, "");//清除"数字"和"."以外的字符  obj.value = obj.value.replace(/^\./g, "");//验证第一个字符是数字而不是.  obj.

  • 鼠标滚轴控制文本框值的JS代码

    复制代码 代码如下: <html> <head> <title></title> <script type="text/javascript" language="javascript"> /*根据获得焦点的时候给setVal给值*/     var setVal;       var bool = false;         var scrollFunc=function(e){          va

  • fckeditor 获取文本框值的实现代码

    复制代码 代码如下: <script type="text/javascript"> function check(){ var editor = FCKeditorAPI.GetInstance("FCKEDITOR的ID"); alert(editor.EditorDocument.body.innerHTML); //输出的就是FCK文本框中的值: } </script>

  • 页面版文本框智能提示JS代码

    于是这code便诞生了,如下: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> <script type="text/javascript" language="javascript"> var currentIndex=

  • 刷新时清空文本框内容的js代码

    在做注册页面(.htm静态格式)时, 我想在刷新时(如F5,而不是提交表单后的返回)把开始输入文本框的内容清空 要怎么做呢? 只有密码框可以,其它的框默认保留了开始输入的信息 复制代码 代码如下: <body onload="document.forms[0].reset()">

  • JavaScript 控制文本框的值连续加减

    JavaScript控制文本框的值连续加减 var flag1=0; var flag2=0; function NumberInc() { if(flag1==1 && flag2==1) {alert("Error!");} else { if(flag1==1) { document.all.TextBox1.value++; setTimeout("NumberInc()",100); } if(flag2==1) { document.al

  • JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法

    多网站的需要填写的文本框在默认状态下都会给出一个默认的提示语言,当鼠标点击此文本框的时候能够将里面的默认文本清除,当删除输入的文本且焦点离开文本框的时候再将默认的文本写入文本框. 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/&quo

  • jQuery 控制文本框自动缩小字体填充

    js控制文本框自动缩小字体填充,当文本框中的字体超出文本框范围的时候,框内的字体会自动缩小,以填充整个文本框; 调用:resetFontSize($(".title"), 50, 10, 20);//重置字体大小 wordbox:jQuery对象 maxHeight:box的最大高度 minSize:最小字体大小 maxSize:最大字体大小 this.resetFontSize=function (wordbox, maxHeight, minSize, maxSize) { //

  • jQuery控制文本框只能输入数字和字母及使用方法

    在公司开发WinForm项目时,发现公司自主研发的textbox控件非常强大,可以实现"只能输入数字"."只能输入字母"和"只能输入数字和字母"的三种输入限制,这样就可以精确控制用户输入的内容范围,让"用户永远没有办法输入限定的内容范围之外的其他内容",也就是"用户即使想犯错误也没有机会",这种限制控件输入的方式给了我很大的启发,如果在web项目中也能做到这样的精确控制,那么就可以避免因为一些非法输入而造成

  • js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码

    JS 控制文本框只能输入数字 <input onkeyup="value=value.replace(/[^0-9]/g,'')"onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu ="value=value.replace(/[^0-9]/g,'')"> JS 控制文本框只能输入数字.小数点 <inputonkeyup="value=value.repl

随机推荐