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>