event.detail

マウスのホイールの移動量を示します。Firefoxで利用できます。 以下に移動量の例を示します。値は一例です。

ブラウザ上に回した場合下に回した場合
Friefox 1.5 (Mac)-44

構文

イベントオブジェクト.detail

例文

<html>
 <head>
  <title>event.detail</title>
  <script type="text/javascript"><!--
  window.onload = function() {
   document.getElementById("result").addEventListener("DOMMouseScroll", wheelValue,false);
  }
  function wheelValue(evt) {
   document.getElementById("result").innerHTML = "evt.detail = "+evt.detail;
  }
  // --></script>
 </head>
 <body>
 <h1 id="header">マウスホイールを回して下さい</h1>
 <div id="result" style="width:300px;height:200px;border:1px solid black"></div>
 </body>
</html>

スポンサーリンク

関連記事

スポンサーリンク

background-position-x 背景画像の横位置を指定する

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

上に戻る