这篇文章主要介绍了鼠标滚轴控制文本框值的 JS 代码,有需要的朋友可以参考一下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
- <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>
window.onmousewheel=document.onmousewheel=scrollFunc;
function ufocus(eve){
bool = true;
setVal = eve;
}
function ublur(){
bool = false;
setVal = null;
}
来源: