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

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース: 2016-05-16 16:42:45
オリジナル
1179 人が閲覧しました

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

<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 までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート