软件开发培训班 >> 编程开发 >> JavaScript

js中鼠标滚轮事件详解(firefox多浏览器)

　　本文标签：js,鼠标滚轮

<!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>滚轮取值效果 -http://www.jb51.net/</title> 
</head>

<body> 
<p><label for="wheelDelta">滚动值:</label>(IE/Opera)<input type="text" id="wheelDelta" /></P> 
<p><label for="detail">滚动值:(Firefox)</label><input type="text" id="detail" /></P> 
<script type="text/javascript"> 
var oTxt=document.getElementById("txt"); 
/*********************** 
* 函数：判断滚轮滚动方向 
* 作者：walkingp 
* 参数：event 
* 返回：滚轮方向 1：向上 -1：向下 
*************************/ 
var scrollFunc=function(e){ 
    var direct=0; 
    e=e || window.event; 
     
    var t1=document.getElementById("wheelDelta"); 
    var t2=document.getElementById("detail"); 
    if(e.wheelDelta){//IE/Opera/Chrome 
        t1.value=e.wheelDelta; 
    }else if(e.detail){//Firefox 
        t2.value=e.detail; 
    } 
    ScrollText(direct); 
} 
/*注册事件*/ 
if(document.addEventListener){ 
    document.addEventListener(DOMMouseScroll,scrollFunc,false); 
}//W3C 
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome 
</script> 
</body> 
</html>

扫码成付费唯一选择，二维码何以成了“拦路码”？	升级Win11后要如何退回Win10？必须知道这件事
为啥很多游戏厂商都愿用迅雷两大原因	中国联通或将抛弃4G网络联手华为完成5G VoNR验证

技术文章快速查找

兼容多浏览器的JS 浮动广告[推荐]

jquery实现手风琴效果实例代码

jquery的extend和fn.extend的使用说明

JS 无限级 Select效果实现代码(json格式)

javascript中的delete使用详解

JavaScript中的细节分析

js 限制表单输入长度汉字为两个字符

JavaScript fixed()方法语法浅析

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建