九五美食网
您的当前位置:首页鼠标滚轴控制文本框值的JS代码_javascript技巧

鼠标滚轴控制文本框值的JS代码_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;
}




/*根据获得焦点的时候给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;
}




显示全文