ホームページ >ウェブフロントエンド >jsチュートリアル >スクロール バーはマウス ホイール イベントに応答して、上下にスクロールするための JS コードを実装します_javascript スキル

スクロール バーはマウス ホイール イベントに応答して、上下にスクロールするための JS コードを実装します_javascript スキル

WBOY
WBOYオリジナル
2016-05-16 16:42:451136ブラウズ

マウススクロールホイールイベントを実装します:

<script type="text/javascript"> 
var scrollFunc=function(e){ 
e=e || window.event; 
if(e.wheelDelta){//IE/Opera/Chrome 
if(e.wheelDelta==120) 
{ 
//向上滚动事件 
alert(e.wheelDeta +"向上"); 

}else 
{ 
//向上滚动事件 
alert(e.wheelDeta +"向上"); 
} 
}else if(e.detail){ 
//Firefox 
if(e.detail==-3) { 
//向上滚动事件<br> 
alert(e.detail +"向上"); 
}else { 
//向下滚动事件<br> 
alert(e.detail +"向下 "); 
} 
} 
}; 
if(document.addEventListener){ 
//adding the event listerner for Mozilla 
document.addEventListener("DOMMouseScroll" ,scrollFunc, false); 
} 
//IE/Opera/Chrome 
window.onmousewheel=document.onmousewheel=scrollFunc;
</script>
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。