event.wheelDelta

マウスのホイールの移動量を示します。移動量はブラウザにより異なるので注意が必要です。 Internet Explorer 6以降、Safari、Opera 9以降で利用できます。 以下に各ブラウザでの移動量の例を示します。値は一例です。Safari 2などはマウスホイールを高速で回転させても特定の値のみで変化しません。IE6の場合は高速に回転させると値が大きく(上に回した場合は小さく)なります。

ブラウザ上に回した場合下に回した場合
Safari 2480-480
Opera 9 (Mac)-160160
IE6 (Win)正数〜負数〜

構文

event.wheelDelta
イベントオブジェクト.wheelDelta

例文

<html>
 <head>
  <title>event.wheelDelta</title>
  <script type="text/javascript"><!--
  window.onload = function() {
   document.body.onmousewheel = function(evt) {
    try {
     document.getElementById("result").innerHTML = "evt.wheelDelta = "+evt.wheelDelta;
    }catch(e){
     document.getElementById("result").innerHTML = "event.wheelDelta = "+event.wheelDelta;
    }
   }
  }
  // --></script>
 </head>
 <body>
 <h1>マウスホイールを回して下さい</h1>
 <div id="result"></div>
 </body>
</html>

スポンサーリンク

関連記事

スポンサーリンク

scrollbar-arrow-color スクロールバーの矢印の色を指定する

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る