Javascript鼠标滚轮监测

<script language="JavaScript" type="text/javascript">

function handle(delta) {

 if (delta < 0)

 alert("向下滚动");

 else

 alert("向上滚动");

}

 

/** 事件句柄

 */

function wheel(event){

 var delta = 0;

 if (!event) /* For IE. */

 event = window.event;

 if (event.wheelDelta) { /* IE或者Opera. */

 delta = event.wheelDelta/120;

 /** 在Opera9中，事件处理不同于IE

 */

 if (window.opera)

 delta = -delta;

 } else if (event.detail) { /** 兼容Mozilla. */

 /** In Mozilla, sign of delta is different than in IE.

 * Also, delta is multiple of 3.

 */

 delta = -event.detail/3;

 }

 /** 如果 增量不等于0则触发

 * 主要功能为测试滚轮向上滚或者是向下

 */

 if (delta)

 handle(delta);

}

 

/** 初始化 */

if (window.addEventListener)

 /** Mozilla的基于DOM的滚轮事件 **/

 window.addEventListener('DOMMouseScroll', wheel, false);

/** IE/Opera. */

window.onmousewheel = document.onmousewheel = wheel;

</script>