鼠标滚轴控制文本框值的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>
相关文章
这篇文章主要为大家详细介绍了Bootstrap框架,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要介绍了js创建表单元素并使用submit进行提交,需要的朋友可以参考下2014-08-08
本篇文章主要介绍了webpack与SPA实践之管理CSS等资源的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12
javascript稀疏数组(sparse array)和密集数组用法分析
这篇文章主要介绍了javascript稀疏数组(sparse array)和密集数组用法,分析javascript稀疏数组和密集数组的功能、定义与使用方法,需要的朋友可以参考下2016-12-12
这篇文章主要介绍了JavaScript设计模式中的观察者模式，观察者设计模式适用于监听一对多的操作，例如监听对象属性的修改等等，观察者模式能够降低代码耦合度，提升可扩展性2022-06-06
这篇文章主要介绍了 typeScript入门基础，TypeScript 是由微软开发的开源、跨平台的编程语言，是 javaScript 的超集，最终被编译为 javaScript代码。常常被简称为TS支持JS、ES语法，下文将继续其他基础介绍，需要的朋友可以参考一下2022-02-02
这篇文章主要为大家详细介绍了Bootstrap实现水平排列的表单的相关代码，代码简洁，感兴趣的小伙伴们可以参考一下2016-07-07
这篇文章主要介绍了4种JavaScript实现简单tab选项卡切换的方法，感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章主要介绍了JS长整型精度问题,实例分析了Java项目结合前台js脚本出现的长整型精度问题与相应的解决方案,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了Three.js截图并下载的大坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
最新评论