鼠标滚轴控制文本框值的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>
相关文章
js vml制作的3D效果2008-02-02
这篇文章主要为大家详细介绍了js基于myFocus实现轮播图效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
本文主要介绍了js实现五星评价功能和印象评价功能的实例，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章主要介绍了浅析JavaScript访问对象属性和方法及区别的相关资料,需要的朋友可以参考下2015-11-11
通过本文带领大家一起重新理解JavaScript的六种继承方式,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
Js实现的动态增加表格的文章有很多，但大多数都不兼容FF和IE，于是手写了一个，经测试效果还不错，特此与大家分享，感兴趣的朋友不要错过2013-10-10
这篇文章主要介绍了微信sdk实现禁止微信分享(使用原生php实现)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
这篇文章主要为大家详细介绍了js实现移动端tab切换时下划线滑动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-09-09
这篇文章主要介绍了javascript函数中with,with函数方便用来引用某个对象中已有的属性，但是不能用来给对象添加属性，要给对象创建新的属性，下面通过代码给大家讲解，需要的朋友可以参考下2018-10-10
这篇文章主要介绍了如何在CocosCreator中做一个List，对List列表感兴趣的同学，不妨来试验一下2021-04-04
最新评论