当前位置:96看吧 > 实用代码 > 网页特效 > js仿PS鼠标滚轮控制输入框取值

js仿PS鼠标滚轮控制输入框取值

时间:2010/03/01
作者:walkingp
来源:http://www.51obj.cn/?p=625
查看:
标签:jsphotoshop

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js 仿Photoshop鼠标滚轮控制输入框取值(修正兼容Chrome)</title>
</head>

<body>
<input type="text" id="txt" value="0" />
<script type="text/javascript">
var oTxt=document.getElementById("txt");
/***********************
* 函数:判断滚轮滚动方向
* 参数:event
* 返回:滚轮方向 1:向上 -1:向下
*************************/
var scrollFunc=function(e){
 var direct=0;
 e=e || window.event;
 if(e.wheelDelta){
  direct=e.wheelDelta>0?1:-1;
 }else if(e.detail){
  direct=e.detail<0?1:-1;
 }
 ScrollText(direct);
}
/****************************
* 函数:控制文本框文字
* 参数:滚轮方向(由scrollFunc返回)
* 返回:无
*******************************/
function ScrollText(arg){
 oTxt.focus();
 var _value=parseInt(oTxt.value);
 if(arg>0){
  _value++;
 }else{
  _value--;
 }
 oTxt.value=_value;
 oTxt.select();//选取效果
}
/*注册事件*/
if(document.addEventListener){
 document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome
</script>
</body>
</html>

上一篇:用html+css制作的组织结构图
下一篇:CSS模拟WindowsXP的滚动条
下载地址
Down
页面举报
Report
关闭页面
Close
收藏页面
Favorites
分享页面
Share
版权信息:栏目内,站内会员所分享的全部“资源/素材/文章”,仅供学习与参考,版权为原作者所有。
下载提示:非注册用户每天可下载一个文件,已注册会员不受限制。
网友评论
数据载入中
验证码
  • 请您注意:
  • ·请不要在评论中含与内容无关的广告链接。
  • ·不良评论请用报告管理员,以利管理员及时删除。
  • ·遵守中华人民共和国的各项有关法律法规
  • ·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • ·本站管理人员有权保留或删除评论中的任意内容
  • ·您在本站发表的作品,本站有权在网站内转载或引用
  • ·参与本评论即表明您已经阅读并接受上述条款
相关最新
相关热门