js 마우스 휠 스크롤 이벤트 바인딩의 간단한 예(주요 브라우저와 호환 가능)_javascript 기술

코드 복사 코드는 다음과 같습니다.

/**マウスホイールイベントのイベントハンドラ
*マウススクロールイベント
*/
var Wheel = function(event) {
var delta = 0; 
if (!even) /* IE の場合。 */
イベント = window.event; 
if (event.wheelDelta) { /*モジラ事件。*/
delta =event.wheelDelta / 120; 
} else if (event.detail) {
/**Mozilla ではデルタの符号が IE とは異なります。
* また、デルタは 3 の倍数です。
                */
/**デルタがゼロ以外の場合は、それを処理します。
* 基本的に、ホイールが上にスクロールされた場合はデルタが正になり、
* ホイールが下にスクロールされた場合は負になります。
            */
delta = -event .詳細 / 3; 
}
/**マウスホイールによるデフォルトのアクションを防止します。
* 見苦しいかもしれませんが、スクロールは何らかの方法で処理します
* とにかく、ここでは気にしないでください。
            */
if (デルタ)
ハンドル(デルタ); 
/**初期化コード。 
※ 独自のイベント管理コードを使用している場合は、必要に応じて変更してください。
        */
if (event.preventDefault)
event.preventDefault(); 
イベント.returnValue = false; 
}

/**DOMMouseScroll は mozilla 用です。*/
if (window.addEventListener) {
/**IE/オペラ。*/
window.addEven tListener('DOMMouseScroll',ホイール、偽); 
}
/**これは高レベルの関数です。
* デルタがゼロより大きい/小さい場合に反応する必要があります。
        */
window.onmousewheel = document.onmousewheel = Wheel; 

/***/
var handle = function(delta) {
var random_num = Math.floor((Math.random() * 100) 50); 
if (delta < 0) {
//alert("鼠标滑轮向下滚动：" delta "次！"); // 1
              $("btn_next_pic").onclick(random_num);                               마우스 휠 위로 스크롤: " delta " 회! "); // -1 $ (" btn_last_pic "). 온클릭( 무작위_번호)
반환
}
}