手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >鼠标滚轴控制文本框值的JS代码
鼠标滚轴控制文本框值的JS代码
摘要:复制代码代码如下:/*根据获得焦点的时候给setVal给值*/varsetVal;varbool=false;varscrollFunc=f...

复制代码 代码如下:

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

【鼠标滚轴控制文本框值的JS代码】相关文章:

Js和JQuery获取鼠标指针坐标的实现代码分享

JS函数实现鼠标指向图片后显示大图代码

文本框栏目介绍

jquery控制表单输入框显示默认值的方法

判断file框选择的是否为图片

强制设为首页代码

精确到分钟的js日历控件,日期选择器代码

网页里控制图片大小的相关代码

设为首页 加入收藏的js代码

一段实时更新的时间代码

精品推荐
分类导航